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 相关文章推荐
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
JS下拉框内容左右移动效果的具体实现
Jul 10 Javascript
本人自用的global.js库源码分享
Feb 28 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
js中对象与对象创建方法的各种方法
Feb 27 Javascript
JS使用队列对数组排列,基数排序算法示例
Mar 02 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
May 12 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
Jul 31 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/02 无线电
php读取excel文件的简单实例
2013/08/26 PHP
PHP解析html类库simple_html_dom的转码bug
2014/05/22 PHP
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
javaScript中Math()函数注意事项
2015/06/18 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
2016/02/17 Javascript
require简单实现单页应用程序(SPA)
2016/07/12 Javascript
详细谈谈javascript的对象
2016/07/31 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
微信小程序自定义导航栏实例代码
2019/04/05 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
2020/07/31 Javascript
跟老齐学Python之正规地说一句话
2014/09/28 Python
Python中的index()方法使用教程
2015/05/18 Python
python实现发送和获取手机短信验证码
2016/01/15 Python
python中import学习备忘笔记
2017/01/24 Python
python rsa 加密解密
2017/03/20 Python
Python 多线程的实例详解
2017/09/07 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Python如何调用外部系统命令
2019/08/07 Python
python+tifffile之tiff文件读写方式
2020/01/13 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
使用jquery实现HTML5响应式导航菜单教程
2014/04/02 HTML / CSS
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
妇产科护士自我鉴定
2013/10/15 职场文书
体育教师自我鉴定
2014/02/12 职场文书
市场营销方案范文
2014/03/11 职场文书
少儿节目主持串词
2014/04/02 职场文书
环境整治工作方案
2014/05/18 职场文书
顶岗实习协议书
2015/01/29 职场文书
2015年会计个人工作总结
2015/04/02 职场文书
2015年社区党务工作总结
2015/04/21 职场文书
2015年新农村建设指导员工作总结
2015/07/24 职场文书