Javascript 如何打开多个弹出窗口？_Javascript_Popup_Popupwindow

Javascript 如何打开多个弹出窗口？

javascript

Javascript 如何打开多个弹出窗口？,javascript,popup,popupwindow,Javascript,Popup,Popupwindow,我有五个链接，每个链接指向一个页面 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')

我有五个链接，每个链接指向一个页面

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>


$（文件）。准备好了吗(
函数a1（url）{
PopupUpindow1=window.open(
url，“PopupUpIndow1”，“高度=250，宽度=234，左侧=0，顶部=0，可调整大小=no，滚动条=no，工具栏=no，菜单栏=no，位置=no，目录=no，状态=no'）
}
函数a2（url）{
popupWindow2=window.open(
url，‘PopupUpIndow2’，‘高度=250，宽度=234，左侧=0，顶部=0，可调整大小=no，滚动条=no，工具栏=no，菜单栏=no，位置=no，目录=no，状态=no’）
}
函数a3（url）{
popupWindow3=window.open(
url，‘PopupUpIndow3’，‘高度=308，宽度=299，左侧=0，顶部=0，可调整大小=no，滚动条=no，工具栏=no，菜单栏=no，位置=no，目录=no，状态=no’）
}
}

这些链接将在单独的窗口中打开

以下代码将根据需要打开弹出窗口的数量

<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>


函数TohokuImgPopup（url）{
打开（url，“windowName”，“windowFeatures”）
window.open（url，“DifferentinTwinDownName”，“windowFeatures”）//每个弹出窗口的名称不同
//尽可能多地创建窗口
}

您需要确保每个窗口的名称都不同，否则最后一个弹出窗口将覆盖其上一个弹出窗口。因此，您将以一个弹出窗口结束

我知道问题提出已经很久了，但我会回答，因为我在web上找不到明确回答问题的内容。一个简单的方法是使用链接使用click（）事件

使用date.getTime（）（不可能重复任何返回值，因为它是自1970年1月1日以来的秒数…）会使每个新的弹出窗口都有一个新名称：）

没有可扩展的解决方案。为每个链接硬编码一个函数对于长期运行是不好的

$('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();
});