gpt4 book ai didi

jquery - 如何通过单击关闭弹出窗口?

转载 作者:太空宇宙 更新时间:2023-11-04 07:53:59 26 4
gpt4 key购买 nike

我创建了一个弹出窗口,可以打开所点击图像的更大副本。这是它的 html 代码:

<img src="images/car1_1.jpg" alt="interior" id=Upics onClick="MM_openBrWindow('images/car1_1.jpg','CARPOP','width=500em,height=500em')" />

弹出窗口的 jquery/script:

<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>

有没有办法在点击时关闭窗口?

最佳答案

Javascript 的 window.close() 关闭脚本附加到的窗口。在您的情况下,如果您将此 js 代码添加到弹出窗口的脚本中,则可以通过单击事件关闭其窗口,如下所示:

ma​​in.html

<img src="images/car1_1.jpg" alt="interior" id=Upics onClick="MM_openBrWindow('popup.html','CARPOP','width=500em,height=500em')"/>

popup.html

<html>
<head>
<title>Click me</title>
</head>

<body onClick="closePopup()">
<img src="images/car1_1.jpg" alt="interior"/>
</body>
</html>

<script type="text/javascript">
function closePopup() {
window.close();
}
</script>

如果图像没有覆盖整个页面,请调整 CSS。

关于jquery - 如何通过单击关闭弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47511329/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com