[英]How to open multiple pop-up windows?
我有五个链接,每个链接都指向一个页面。
function TohokuImgPopup(url) {
popupWindow = window.open(
url, 'popUpWindow'+randomno, 'height=246,width=228,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
}
这是我正在使用的功能。 我对 5 个链接有不同的功能,每个链接都会打开一个新窗口。 但我一次只能打开一个弹出窗口。 如何打开多个弹出窗口?
我找到了答案。
<script type="text/javascript">
$(document).ready(
function a1(url) {
popupWindow1 = window.open(
url, 'popUpWindow1', 'height=250,width=234,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
}
function a2(url) {
popupWindow2 = window.open(
url, 'popUpWindow2', 'height=250,width=234,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
}
function a3(url) {
popupWindow3 = window.open(
url, 'popUpWindow3', 'height=308,width=299,left=0,top=0,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
}
}
</script>
<a href="JavaScript:a1('images/focus_img1.html');">focus 1</a>
<a href="JavaScript:a2('images/focus_img2.html');">focus 2</a>
<a href="JavaScript:a3('images/focus_img3.html');">focus 3</a>
这些链接将在单独的窗口中打开
我知道这个问题已经很久了,但我会回答,因为我在网上找不到任何可以明确回答问题的内容。 一种简单的方法是使用带有 click() 事件的链接。
$('body').on('click', 'a[data-popup]', function(e) {
var date = new Date();
var mSec = date.getTime();
my_window = window.open($(this).attr('href'), "Popup"+mSec, "top=0,left=0,menubar=no,toolbar=no,location=no, height=600, width=800");
e.preventDefault();
my_window.focus();
});
使用 date.getTime() (不可能重复任何返回值,因为它是自 1970 年 1 月 1 日以来的秒数...)使每个新弹出窗口都具有新名称:)
以下代码将根据需要打开弹出窗口的数量
<html>
<head>
<title></title>
<script type="text/javascript">
function TohokuImgPopup(url) {
window.open(url,"windowName","windowFeatures")
window.open(url,"DifferentWindowName","windowFeatures")// different name for each popup
// create windows as much as you want to create
}
</script>
</head>
<body>
<form>
<input type="button" value="Open Windows" onclick="TohokuImgPopup()">
</form>
</body>
您需要确保每个窗口名称都不同,否则最后一个弹出窗口将覆盖它之前的弹出窗口。 结果你会得到一个弹出窗口
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.