本文摘自PHP中文网,作者V,侵删。
jquery中打开新窗口的方法:首先创建一个form表单;然后通过表单提交来实现打开新窗口,如【form.target = ‘_blank‘;form.method = ‘POST‘;】。

本教程操作环境:windows10系统、jquery2.2.4版,该方法适用于所有品牌电脑。
(学习视频分享:jquery视频教程)
jquery打开新窗口有如下几种方式:
第一种:创建一个form表单,通过表单提交来实现新标签页打开。
1 2 3 4 5 6 | var form = document.createElement(‘form‘);
form.action = ‘www.baidu.com?id=1‘;
form.target = ‘_blank‘;
form.method = ‘POST‘;
document.body.appendChild(form);
form.submit();
|
第二种:
1 2 | var tempwindow=window.open('_blank');
tempwindow.location='www.baidu.com' ;
|
第三种:
1 | setTimeout(window.open('www.baidu.com'), 500);
|
第四种:(与第一种相似)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | /* 在新窗口中打开 */
function openNewWindow(url) {
var a = document.createElement('a');
a.setAttribute('href', url);
a.setAttribute('target', '_blank');
var id = Math.random(10000, 99999);
a.setAttribute('id', id);
// 防止反复添加
if (!document.getElementById(id)) {
document.body.appendChild(a);
}
a.click();
}
//方法调用
openNewWindow('www.baidu.com');
|
阅读剩余部分
相关阅读 >>
jQuery怎么操作css设置颜色
jQuery怎么设置区域不可操作
如何解决jQuery不兼容问题
如何解决引入jQuery报错问题
前端怎么学
如何把jQuery的值放入img标签的src里面
20个常见jQuery面试题和答案(分享)
vs如何安装jQuery
jQuery中easyui是什么
jQuery val()获取不到值怎么办
更多相关阅读请进入《jQuery》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » jquery中怎么打开新窗口