编程 Javascript

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弹出窗口打开链接的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

jQuery弹出窗口打开链接的实现代码

- Author -

ToyLevom

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

自动生成文章摘要的代码[JavaScript 版本]

Mar 20 Javascript

javaScript年份下拉列表框内容为当前年份及前后50年

May 28 Javascript

IE6-IE9中tbody的innerHTML不能赋值的解决方法

Sep 26 Javascript

Jquery解析json字符串及json数组的方法

May 29 Javascript

jQuery实现的调整表格行tr上下顺序

Jan 10 Javascript

Js得到radiobuttonlist选中值的两种方法(推荐)

Aug 25 Javascript

js实现简单的二级联动效果

Mar 09 Javascript

ES6中Class类的静态方法实例小结

Oct 28 Javascript

使用 Node.js 开发资讯爬虫流程

Jan 07 Javascript

浅谈vue引入css,less遇到的坑和解决方法

Jan 20 Javascript

Vue 组件封装并使用 NPM 发布的教程

Sep 30 Javascript

vue数据操作之点击事件实现num加减功能示例

Jan 19 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生成局部唯一识别码LUID的代码

2012/10/06 PHP

php生成与读取excel文件

2016/10/14 PHP

详解php几行代码实现CSV格式文件输出

2017/07/01 PHP

PHP date()格式MySQL中插入datetime方法

2019/01/29 PHP

PHP实现创建一个RPC服务操作示例

2020/02/23 PHP

Javascript - HTML的request类

2007/01/09 Javascript

Extjs 4.x 得到form CheckBox 复选框的值

2014/05/04 Javascript

jQuery中bind()方法用法实例

2015/01/19 Javascript

jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解

2015/09/27 Javascript

js省市联动效果完整实例代码

2015/12/09 Javascript

基于jquery实现图片相关操作（重绘、获取尺寸、调整大小、缩放）

2015/12/25 Javascript

JavaScript中使用数组方法汇总

2016/02/16 Javascript

JQuery对ASP.NET MVC数据进行更新删除

2016/07/13 Javascript

JavaScript reduce和reduceRight详解

2016/10/24 Javascript

JS中append字符串包含onclick无效传递参数失败的解决方案

2016/12/26 Javascript

解决微信内置浏览器返回上一页强制刷新问题方法

2017/02/05 Javascript

nodejs 终端打印进度条实例代码

2017/04/22 NodeJs

Three.js利用Detector.js插件如何实现兼容性检测详解

2017/09/26 Javascript

Vue js 的生命周期（看了就懂）(推荐)

2019/03/29 Javascript

[02:42]DOTA2英雄基础教程杰奇洛

2013/12/23 DOTA

[01:48]帕吉至宝加入游戏，遗迹战场现“千劫神屠”

2018/04/07 DOTA

python连接池实现示例程序

2013/11/26 Python

Python中的MongoDB基本操作：连接、查询实例

2015/02/13 Python

django开发教程之利用缓存文件进行页面缓存的方法

2017/11/10 Python

Python使用sqlalchemy模块连接数据库操作示例

2019/03/13 Python

Python实现代码块儿折叠

2020/04/15 Python

keras 解决加载lstm+crf模型出错的问题

2020/06/10 Python

keras分类之二分类实例(Cat and dog)

2020/07/09 Python

马来西亚领先的在线礼品店：Giftr

2018/08/23 全球购物

初中科学教学反思

2014/01/21 职场文书

便利店促销方案

2014/02/20 职场文书

美术兴趣小组活动总结

2014/07/07 职场文书

会计试用期自我评价

2015/03/10 职场文书

2015年个人工作总结报告

2015/04/25 职场文书

2016年党支部公开承诺书

2016/03/25 职场文书

如何用PHP websocket实现网页实时聊天

2021/05/26 PHP