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 相关文章推荐
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
vue单个组件实现无限层级多选菜单功能
Apr 10 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
小程序server请求微信服务器超时的解决方法
May 21 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
Nov 18 Vue.js
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
收音机的保养
2021/03/01 无线电
一个PHP模板,主要想体现一下思路
2006/12/25 PHP
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
php防止网站被攻击的应急代码
2015/10/21 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
跟我学习javascript的基本类型和引用类型
2015/11/16 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
vue 动态组件(component :is) 和 dom元素限制(is)用法说明
2020/09/04 Javascript
python3访问sina首页中文的处理方法
2014/02/24 Python
在Python下进行UDP网络编程的教程
2015/04/29 Python
Python的randrange()方法使用教程
2015/05/15 Python
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
Python3网络爬虫之使用User Agent和代理IP隐藏身份
2017/11/23 Python
用python生成1000个txt文件的方法
2018/10/25 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
Keras设置以及获取权重的实现
2020/06/19 Python
伦敦高达60%折扣的钻石珠宝商:Purely Diamonds
2018/06/24 全球购物
什么是Web Service?
2012/07/25 面试题
如何掌握自荐信格式呢
2013/11/19 职场文书
精彩的推荐信范文
2013/11/26 职场文书
教师自我反思材料
2014/02/14 职场文书
给老师的一封建议书
2014/03/13 职场文书
艺术教育实施方案
2014/05/03 职场文书
我读书我快乐演讲稿
2014/05/07 职场文书
社会工作专业求职信
2014/07/15 职场文书
信仰心得体会
2014/09/05 职场文书
不同意离婚代理词
2015/05/23 职场文书
2019最新版试用期劳动合同模板!
2019/07/04 职场文书
Django显示可视化图表的实践
2021/05/10 Python
解析探秘fescar分布式事务实现原理
2022/02/28 Java/Android