jQuery弹出窗口打开链接的实现代码
更新时间:2016年12月24日 09:54:41 作者:ToyLevom
这篇文章主要介绍了jQuery弹出窗口打开链接的实现代码,需要的朋友可以参考下
下面给大家分享一段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前端框架easyui使用Dialog时bug处理
本文介绍了在jQuery前端框架easyui开发UI时,使用Dialog时发现遮罩无法覆盖页面内容,而且对话框也显示不出来,经过一番研究,才发现问题所在,这里分享给大家,有相同情况的小伙伴可以参考下2014-12-12使用jQuery的ajax功能实现的RSS Reader 代码
Rss阅读器挺不错的。我觉得如果在igoogle或是dropthings这种形式的portal下来放很多RSS模块显示自己每天需要关注的信息那将会减少大家很多的打开浏览器和输入网址的时间。2009-09-09基于daterangepicker日历插件使用参数注意的问题
下面小编就为大家带来一篇基于daterangepicker日历插件使用参数注意的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论