首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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 相关文章推荐
Textbox控件注册回车事件及触发按钮提交事件具体实现
Mar 04 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
JavaScript小技巧整理
Dec 30 Javascript
利用JS实现数字增长
Jul 28 Javascript
浅述节点的创建及常见功能的实现
Dec 15 Javascript
JavaScrpt判断一个数是否是质数的实例代码
Jun 11 Javascript
详解AngularJS之$window窗口对象
Jan 17 Javascript
js中el表达式的使用和非空判断方法
Mar 28 Javascript
JS实现监控微信小程序的原理
Jun 15 Javascript
详解微信小程序中组件通讯
Oct 30 Javascript
微信小程序 如何保持登录状态
Aug 16 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
RabbitMQ(3) 触发器(3) XML(1) Hash(1) 入门基础(1) Geospatial(1) Vmware(3) Bean(3) 数据类型(8) IOC(3)
You might like
PHP利用COM对象访问SQLServer、Access
2006/10/09 PHP
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
php实现memcache缓存示例讲解
2013/12/04 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
实例讲解PHP表单
2020/06/10 PHP
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
2010/05/04 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
2015/04/06 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
Nodejs抓取html页面内容（推荐）
2016/08/11 NodeJs
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
VUE预渲染及遇到的坑
2018/09/03 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
使用 JavaScript 创建并下载文件(模拟点击)
2019/10/25 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
Python排序搜索基本算法之归并排序实例分析
2017/12/08 Python
Python自定义函数定义,参数,调用代码解析
2017/12/27 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
Python OpenCV之图片缩放的实现（cv2.resize）
2019/06/28 Python
python pandas 时间日期的处理实现
2019/07/30 Python
django项目登录中使用图片验证码的实现方法
2019/08/15 Python
关于python 的legend图例,参数使用说明
2020/04/17 Python
如何利用python进行时间序列分析
2020/08/04 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
Draper James官网：知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
幼儿园新学期寄语
2014/01/18 职场文书
商务英语广告词大全
2014/03/18 职场文书
村委会贫困证明范文
2014/09/21 职场文书
滴水洞导游词
2015/02/10 职场文书
雨中的树观后感
2015/06/03 职场文书
利用Python将list列表写入文件并读取的方法汇总
2022/03/25 Python