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 插件开发笔记整理
Jan 17 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
May 24 Javascript
JS获得浏览器版本和操作系统版本的例子
May 13 Javascript
jQuery实现文本框输入同步的方法
Jun 20 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
JavaScript获取当前运行脚本文件所在目录的方法
Feb 03 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
Jun 17 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
vue多页面开发和打包正确处理方法
Apr 20 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
May 24 jQuery
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
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
MySQL相关说明
2007/01/15 PHP
PHP删除数组中特定元素的两种方法
2013/07/02 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
JavaScript之自定义类型
2012/05/04 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
javascript检查某个元素在数组中的索引值
2016/03/30 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
AnjularJS中$scope和$rootScope的区别小结
2016/09/18 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
简单谈谈gulp-changed插件
2017/02/21 Javascript
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
基于JavaScript获取url参数2种方法
2020/04/17 Javascript
在Python 中实现图片加框和加字的方法
2019/01/26 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
Python如何对XML 解析
2020/06/28 Python
Python爬虫实现selenium处理iframe作用域问题
2021/01/27 Python
检测用户浏览器是否支持CSS3的方法
2009/08/29 HTML / CSS
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
OPPO手机官方商城:中国手机市场出货量第一品牌
2017/10/18 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
车间主管岗位职责
2013/11/14 职场文书
给领导的检讨书
2014/02/16 职场文书
开学典礼主持词
2014/03/19 职场文书
小学生手册家长评语
2014/04/16 职场文书
服务口号大全
2014/06/11 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
地道战观后感
2015/06/04 职场文书