编程 Javascript

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

Posted in Javascript onDecember 24, 2016

下面给大家分享一段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弹出窗口打开链接的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

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

- Author -

ToyLevom

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery AJAX 中文乱码问题解决

Jun 05 Javascript

Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)

Jul 09 Javascript

jquery合并表格中相同文本的相邻单元格

Jul 17 Javascript

微信小程序获取微信OpenId详解及实例代码

Oct 31 Javascript

ES6正则表达式扩展笔记

Jul 25 Javascript

vue如何判断dom的class

Apr 26 Javascript

Node.js创建HTTP文件服务器的使用示例

May 11 Javascript

微信小程序使用wxParse解析html的方法示例

Jan 17 Javascript

JQueryDOM之样式操作

Mar 27 jQuery

layer提示框添加多个按钮选择的实例

Sep 12 Javascript

微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能

Dec 17 Javascript

vant-ui AddressEdit地址编辑和van-area的用法说明

Nov 03 Javascript

DropDownList控件绑定数据源的三种方法

Dec 24 #Javascript

Bootstrap源码学习笔记之bootstrap进度条

Dec 24 #Javascript

js addDqmForPP给标签内属性值加上双引号的函数

Dec 24 #Javascript

Bootstrap php制作动态分页标签

Dec 23 #Javascript

前端JS面试中常见的算法问题总结

Dec 23 #Javascript

Bootstrap源码解读导航条（7）

Dec 23 #Javascript

livereload工具实现前端可视化开发【推荐】

Dec 23 #Javascript