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弹出窗口打开链接的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
easyui combotree加载静态数据问题(选不上)解决方法
这篇文章主要介绍了easyui combotree加载静态数据问题,选不上)2016-12-12
jquery 简单图片导航插件jquery.imgNav.js
前几天某MM要偶帮忙实现栗子汀首页的图片导航效果,很简单而且具有通用性的一个需求,点图片A切换图片A相关的内容,点图片B切换图片B相关的内容,仅此而已。2010-03-03
jQuery EasyUI API 中文文档 - ValidateBox验证框
jQuery EasyUI API 中文文档 - ValidateBox验证框,使用jQuery EasyUI的朋友可以参考下。2011-10-10


最新评论