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

 更新时间:2016年12月24日 09:54:41   作者:ToyLevom  
这篇文章主要介绍了jQuery弹出窗口打开链接的实现代码,需要的朋友可以参考下

下面给大家分享一段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前端框架easyui使用Dialog时bug处理

    jQuery前端框架easyui使用Dialog时bug处理

    本文介绍了在jQuery前端框架easyui开发UI时,使用Dialog时发现遮罩无法覆盖页面内容,而且对话框也显示不出来,经过一番研究,才发现问题所在,这里分享给大家,有相同情况的小伙伴可以参考下
    2014-12-12
  • jquer之ajaxQueue简单实现代码

    jquer之ajaxQueue简单实现代码

    手头不是很忙,突然想到了ajax queue这个概念,之前貌似有看技术文章中提到过这个,就想着用jquery来实现一下,思想比较简单
    2011-09-09
  • jquery HotKeys轻松搞定键盘事件代码

    jquery HotKeys轻松搞定键盘事件代码

    今天发现HotKeys插件的功能真的很强大,且使用简单,以后再也不用考虑键值的问题了,自己定义每个键的函数就行了
    2008-08-08
  • 使用jQuery的ajax功能实现的RSS Reader 代码

    使用jQuery的ajax功能实现的RSS Reader 代码

    Rss阅读器挺不错的。我觉得如果在igoogle或是dropthings这种形式的portal下来放很多RSS模块显示自己每天需要关注的信息那将会减少大家很多的打开浏览器和输入网址的时间。
    2009-09-09
  • JQueryEasyUI datagrid框架的基本使用

    JQueryEasyUI datagrid框架的基本使用

    本篇文章小编为大家介绍一下JQueryEasyUI datagrid框架的基本使用,有需要的朋友可以参考一下本文。
    2013-04-04
  • jquery中交替点击事件的实现代码

    jquery中交替点击事件的实现代码

    这篇文章主要介绍了jquery中交替点击事件的实现代码,需要的朋友可以参考下
    2014-02-02
  • 简单实现jquery隔行变色

    简单实现jquery隔行变色

    这篇文章主要为大家详细介绍了实现jquery隔行变色效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • jquery 动态调整textarea高度

    jquery 动态调整textarea高度

    用jquery实现的调整textarea高度的实现代码。这个动画效果比较流畅。适合新手学习。
    2009-11-11
  • 基于daterangepicker日历插件使用参数注意的问题

    基于daterangepicker日历插件使用参数注意的问题

    下面小编就为大家带来一篇基于daterangepicker日历插件使用参数注意的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • jMessageBox 基于jQuery的窗口插件

    jMessageBox 基于jQuery的窗口插件

    在WinForm程序开发中,经常用MessageBox弹出某些提示,功能虽简单但却非常的实用!而在Web页面中,浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口
    2009-12-12

最新评论