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

Javascript 相关文章推荐
JavaScript 设计模式 安全沙箱模式
Sep 24 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
js 获取和设置css3 属性值的实现方法
May 06 Javascript
Jquery 表单验证类介绍与实例
Jun 09 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 Javascript
JavaScript相等运算符的九条规则示例详解
Oct 20 Javascript
用Angular实现一个扫雷的游戏示例
May 15 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
You might like
php magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php取出数组单个值的方法
2018/03/12 PHP
在JavaScript中实现命名空间
2006/11/23 Javascript
Webkit的跨域安全问题说明
2011/09/13 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
JavaScript执行顺序详细介绍
2013/12/04 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
2015/07/10 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
基于Bootstrap仿淘宝分页控件实现代码
2016/11/07 Javascript
微信小程序 详解页面跳转与返回并回传数据
2017/02/13 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
AngularJS遍历获取数组元素的方法示例
2017/11/11 Javascript
小程序简单两栏瀑布流效果的实现
2019/12/18 Javascript
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
从零学Python之入门(五)缩进和选择
2014/05/27 Python
用python删除java文件头上版权信息的方法
2014/07/31 Python
Python cookbook(数据结构与算法)将序列分解为单独变量的方法
2018/02/13 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
pycharm安装和首次使用教程
2018/08/27 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
Ubuntu18.04下python版本完美切换的解决方法
2019/06/14 Python
使用python实现飞机大战游戏
2020/03/23 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
python中Pexpect的工作流程实例讲解
2021/03/02 Python
Oracle的内存结构(Memory structures)
2015/06/10 面试题
幼儿园运动会加油词
2014/02/14 职场文书
母校寄语大全
2014/04/10 职场文书
工程售后服务方案
2014/06/08 职场文书
庆祝儿童节标语
2014/10/09 职场文书
Nginx开启Brotli压缩算法实现过程详解
2021/03/31 Servers
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang