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 相关文章推荐
删除重复数据的算法
Nov 23 Javascript
js removeChild 障眼法 可能出现的错误
Oct 06 Javascript
jQuery 操作下拉列表框实现代码
Feb 22 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 Javascript
javascript中的onkeyup和onkeydown区别介绍
Apr 28 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
jQuery实现图片文字淡入淡出效果
Dec 21 Javascript
微信小程序 wx:key详细介绍
Oct 28 Javascript
AngularJS+Bootstrap3多级导航菜单的实现代码
Aug 16 Javascript
Vue组件开发技巧总结
Mar 04 Javascript
解决vue无法设置滚动位置的问题
Oct 07 Javascript
vue v-for 使用问题整理小结
Aug 04 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
php文章内容分页并生成相应的htm静态页面代码
2010/06/07 PHP
PHP 设计模式之观察者模式介绍
2012/02/22 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
php下foreach提示Warning:Invalid argument supplied for foreach()的解决方法
2014/11/11 PHP
JS 参数传递的实际应用代码分析
2009/09/13 Javascript
asp.net+jquery滚动滚动条加载数据的下拉控件
2010/06/25 Javascript
jquery获取自定义属性(attr和prop)实例介绍
2013/04/21 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
JavaScript的this关键字的理解
2016/06/18 Javascript
AngularJS基础 ng-mouseleave 指令详解
2016/08/02 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
2018/09/26 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
Python with的用法
2014/08/22 Python
Python保存MongoDB上的文件到本地的方法
2016/03/16 Python
Python数组定义方法
2016/04/13 Python
Python列表删除的三种方法代码分享
2017/10/31 Python
目前最全的python的就业方向
2018/06/05 Python
解决Python pandas plot输出图形中显示中文乱码问题
2018/12/12 Python
pandas的连接函数concat()函数的具体使用方法
2019/07/09 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
初学者学习Python好还是Java好
2020/05/26 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
Rockport乐步美国官网:风靡美国的白宫鞋
2016/11/24 全球购物
房地产管理毕业生自荐信
2013/11/04 职场文书
应届大专生求职信
2014/06/26 职场文书
酒店员工手册范本
2015/05/14 职场文书
2015年度内部审计工作总结
2015/05/20 职场文书
2016年度先进班组事迹材料
2016/03/01 职场文书
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers