UDN-企业互联网技术人气社区

板块导航

浏览  : 636
回复  : 4

[jQuery] jquery代码.弹出窗口打开链接

[复制链接]
genie1003的头像 楼主
发表于 2017-1-2 15:23:11 | 显示全部楼层 |阅读模式
  window.open(url, name, style, replace); //弹出窗口打开链接,参数:网址,命名,窗体样式,是否替代原窗口

  用处:打开新窗体,打开自定义页面
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>在弹出窗口中打开新连接</title>
  6.     </head>
  7.     <body>
  8.         <div class="wrap">
  9.             <button class="open-new-link">打开链接</button>
  10.         </div>
  11.     </body>
  12.     <script src="../source/jquery1.11.3.min.js"></script>
  13.     <script>
  14.         $(function() {
  15.             $('.open-new-link').on('click', function() {
  16.                 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, 名称, 窗体样式
  17.                 if(window.focus) {
  18.                     openNewLink.focus();
  19.                 }
  20.                 return false;
  21.             })
  22.         })
  23.     </script>
  24. </html>
复制代码

相关帖子

发表于 2017-1-2 15:23:41 | 显示全部楼层
无论是不是沙发都得回复下
使用道具 举报

回复

发表于 2017-1-2 15:23:42 来自手机 | 显示全部楼层
js框架越来越火了, 不过本人还是喜欢原生的好, 自己写类库, 自己来封装,用着方便。。。。
使用道具 举报

回复

发表于 2017-1-2 15:23:42 来自手机 | 显示全部楼层
貌似看过类似的文章恩,排版更清晰点就更好了
使用道具 举报

回复

发表于 2017-1-2 15:23:43 | 显示全部楼层
鄙视楼下的顶帖没我快,哈哈
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部