编程 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中Event属性搜集整理

Sep 17 Javascript

js判断undefined类型,undefined,null, 的区别详细解析

Dec 16 Javascript

JavaScript事件委托的技术原理探讨示例

Apr 17 Javascript

jQuery截取指定长度字符串代码

Aug 21 Javascript

JavaScript运动减速效果实例分析

Aug 04 Javascript

jQuery网页选项卡插件rTabs用法实例分析

Aug 26 Javascript

JS实现自动变换的菜单效果代码

Sep 09 Javascript

BootStrap 智能表单实战系列(五) 表单依赖插件处理

Jun 13 Javascript

关于javascript事件响应的基础语法总结(必看篇)

Dec 26 Javascript

JavaScript显式数据类型转换详解

Mar 18 Javascript

Vue组件通信$attrs、$listeners实现原理解析

Sep 03 Javascript

vant-ui组件调用Dialog弹窗异步关闭操作

Nov 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