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 继承详解(四)
Jul 13 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
Jan 26 Javascript
简单的分页代码js实现
May 17 Javascript
浅谈JS中String()与 .toString()的区别
Oct 20 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
Underscore之Array_动力节点Java学院整理
Jul 10 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 Javascript
详解用js代码触发dom事件的实现方案
Jun 10 Javascript
jQuery使用jsonp实现百度搜索的示例代码
Jul 08 jQuery
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 使用post,get的一种简洁方式
2010/04/25 PHP
ThinkPHP3.0略缩图不能保存到子目录的解决方法
2012/09/30 PHP
使用PHP遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
PHP遍历并打印指定目录下所有文件实例
2014/02/10 PHP
php短址转换实现方法
2015/02/25 PHP
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
swoole锁的机制代码实例讲解
2021/03/04 PHP
基于JQuery的Pager分页器实现代码
2010/07/17 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
iframe 上下滚动条如何默认在下方实现原理
2012/12/10 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
js控制文本框只输入数字和小数点的方法
2015/03/10 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
关于Jquery中的事件绑定总结
2016/10/26 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
JS实现的简单表单验证功能示例
2017/10/13 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
2020/05/20 Javascript
python对字典进行排序实例
2014/09/25 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
Python logging模块用法示例
2018/08/28 Python
PyQt5.6+pycharm配置以及pyinstaller生成exe(小白教程)
2020/06/02 Python
python3检查字典传入函数键是否齐全的实例
2020/06/05 Python
德国家具、照明、家居用品网上商店:Wayfair.de
2020/02/13 全球购物
大学毕业生的自我鉴定
2013/11/30 职场文书
上课迟到检讨书
2014/01/19 职场文书
《再见了,亲人》教学反思
2014/02/26 职场文书
合作意向协议书范本
2014/03/31 职场文书
论文诚信承诺书
2014/05/23 职场文书
学习优秀党员杨宗兴先进事迹材料思想汇报
2014/09/14 职场文书
青年岗位能手事迹材料
2014/12/23 职场文书
优秀教研组申报材料
2014/12/26 职场文书
2015年调度员工作总结
2015/04/30 职场文书