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 this关键字使用分析
Oct 21 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
在myeclipse中如何加入jquery代码提示功能
Jun 03 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
Mar 02 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
ES6中参数的默认值语法介绍
May 03 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 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生成毫秒时间戳的实例讲解
2017/09/22 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
用jquery实现等比例缩放图片效果插件
2010/07/24 Javascript
JavaScript建立一个语法高亮输入框实现思路
2013/02/26 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
jQuery 遍历函数详解
2015/07/05 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
2018/02/08 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
详解element-ui中el-select的默认选择项问题
2019/08/02 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
vue webpack build资源相对路径的问题及解决方法
2020/06/04 Javascript
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
PyTorch的Optimizer训练工具的实现
2019/08/18 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
sklearn+python:线性回归案例
2020/02/24 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
医院实习介绍信
2014/01/12 职场文书
我的画教学反思
2014/04/28 职场文书
公司委托书格式
2014/08/01 职场文书
四风问题班子对照检查材料
2014/09/27 职场文书
项目经理岗位职责范本
2015/04/01 职场文书
优秀共产党员主要事迹材料
2015/11/05 职场文书
Python使用Kubernetes API访问集群
2021/05/30 Python
Oracle创建只读账号的详细步骤
2021/06/07 Oracle