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 相关文章推荐
如何判断鼠标是否在DIV的区域内
Nov 13 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
Apr 17 Javascript
原生JavaScript制作微博发布面板效果
Mar 11 Javascript
详解jQuery选择器
Dec 21 Javascript
Bootstrap表单使用方法详解
Feb 17 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
Jun 06 Javascript
Vue.js 单页面多路由区域操作的实例详解
Jul 17 Javascript
React Native之TextInput组件解析示例
Aug 22 Javascript
详解http访问解析流程原理
Oct 18 Javascript
Vue内部渲染视图的方法
Sep 02 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 14 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
php5 and xml示例
2006/11/22 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
2019/01/16 PHP
浅谈laravel数据库查询返回的数据形式
2019/10/21 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
javascript offsetX与layerX区别
2010/03/12 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
2016/07/06 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
javascript 秒表计时器实现代码
2017/03/09 Javascript
详解Angular.js中$http拦截器的介绍及使用
2017/07/04 Javascript
微信小程序用户信息encryptedData详解
2018/08/24 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
基于JS实现table导出Excel并保留样式
2020/05/19 Javascript
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
python操作数据库之sqlite3打开数据库、删除、修改示例
2014/03/13 Python
Python金融数据可视化汇总
2017/11/17 Python
python增加矩阵维度的实例讲解
2018/04/04 Python
利用python画出折线图
2018/07/26 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
Python之Sklearn使用入门教程
2021/02/19 Python
英国最大的电子产品和家电零售企业:Currys PC World
2016/09/24 全球购物
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
北京SQL新华信咨询
2016/09/30 面试题
工程部岗位职责范本
2015/04/11 职场文书
社区敬老月活动总结
2015/05/07 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android