Question

我创建了一个弹出窗口，可以打开更大的图像副本。这是它的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 type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</script>

单击窗口时是否有关闭窗口的方法？

Answer 1

Javascript＆＃39; s window.close()关闭脚本所附加的窗口。在您的情况下，如果您将此js代码添加到弹出窗口的脚本中，则可以从单击事件中关闭其窗口，如下所示：

<强> main.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。

Answer 2

首先，您需要对弹出窗口进行变量/引用，例如：

let inputTest i = 
    printfn "iter - %d" i
    let input = System.Console.ReadLine()
    printfn "%s" input
    System.Console.ReadLine() |> ignore

List.iter inputTest [1..3]

然后在其他地方你可以打电话：

<script type="text/javascript">
<!--
var myPopup;

function MM_openBrWindow(theURL,winName,features) { //v2.0
  myPopup = window.open(theURL,winName,features);
}
//-->
</script>

Answer 3

解决方案1 ：使用windoe.close（）方法

  popup_window = window.open("");

  popup_window.close ();

解决方案2： 您可以使用self.close（）;

关闭当前窗口

Answer 4

var myWindow;
var count = 0;
function MM_openBrWindow(theURL,winName,features) {
    myWindow =   window.open(theURL,winName,features);
}

$("body").on("click",function(){
    var url  =  $("body").find('img').attr('src') || "";
    if(url != "" && count == 0){
        count = 1;
    }else{
        count = 0;
        myWindow.close();
    }

})

如果单击图像上的任何位置，则关闭模态窗口

如何通过单击关闭弹出窗口？

4 个答案: