欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

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

程序员文章站 2022-12-09 13:07:33
下面给大家分享一段jquery代码实现弹出窗口打开链接的实现方法 window.open(url, name, style, replace); //弹出窗口打开...

下面给大家分享一段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弹出窗口打开链接的实现代码，希望对大家有所帮助

上一篇： windows系统下安装JDK8的教程图解

下一篇： win2008 服务器安全检查步骤指引(日常维护说明)

推荐阅读