jQuery弹出窗口打开链接的实现代码

2019-11-19 18:17:22

字体：大中小

来源：转载

供稿：网友

下面给大家分享一段jquery代码实现弹出窗口打开链接的实现方法

window.open(url, name, style, replace); //弹出窗口打开链接，参数：网址，命名，窗体样式，是否替代原窗口

用处：打开新窗体，打开自定义页面

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>在弹出窗口中打开新连接</title>  </head>  <body>    <div class="wrap">      <button class="open-new-link">打开链接</button>    </div>  </body>  <script src="../source/jquery1.11.3.min.js"></script>  <script>    $(function() {      $('.open-new-link').on('click', function() {        var openNewLink = window.open('http://www.baidu.com', '手机百度', 'height=300, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=false, location=no, status=no'); //参数： url, 名称, 窗体样式        if(window.focus) {          openNewLink.focus();        }        return false;      })    })  </script></html>

以上所述是小编给大家介绍的jQuery弹出窗口打开链接的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持！

上一篇：JS绘制微信小程序画布时钟

下一篇：DropDownList控件绑定数据源的三种方法