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 类
Nov 07 Javascript
jQuery对象和DOM对象的相互转化实现代码
Mar 02 Javascript
jquery选择器(常用选择器说明)
Sep 28 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
jquery的相对父元素和相对文档定位示例代码
Aug 02 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
Aug 30 Javascript
js变量提升深入理解
Sep 16 Javascript
jquery 一键复制到剪切板的实例
Sep 20 jQuery
使用Javascript简单计算器
Nov 17 Javascript
JS实现滑动导航效果
Jan 14 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
Jun 25 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 防止单引号,双引号在接受页面转义
2008/07/10 PHP
PHP无刷新上传文件实现代码
2011/09/19 PHP
PHP strip_tags()去除HTML、XML以及PHP的标签介绍
2014/02/18 PHP
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
jQuery1.6 使用方法一
2011/11/23 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
JS中表单的使用小结
2014/01/11 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
浅谈原生JS中的延迟脚本和异步脚本
2017/07/12 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
2019/08/12 Javascript
JS对象属性的检测与获取操作实例分析
2020/03/17 Javascript
利用node.js开发cli的完整步骤
2020/12/29 Javascript
[01:03:31]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第二局
2016/02/26 DOTA
Python循环语句中else的用法总结
2016/09/11 Python
Python运算符重载详解及实例代码
2017/03/07 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
Python中的引用和拷贝实例解析
2019/11/14 Python
如何通过python实现全排列
2020/02/11 Python
Python RabbitMQ实现简单的进程间通信示例
2020/07/02 Python
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
学前教育求职自荐信范文
2013/12/25 职场文书
公务员更新知识培训实施方案
2014/03/31 职场文书
实习单位鉴定评语
2014/04/26 职场文书
学生党员一帮一活动总结
2014/07/08 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
小学班级管理心得体会
2016/01/07 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
pytorch 如何使用float64训练
2021/05/24 Python
Python基础数据类型tuple元组的概念与用法
2021/08/02 Python
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS