在JavaScript中window.open([URL], [視窗名稱], [參數字元串])打開新的視窗,使用window.close();//關閉本視窗或者是<視窗對象>.close();//關閉指定的視窗,舉例var ceshi=window.open('https://www.cnblogs... ...
close()關閉視窗,語法書寫如下,其次使用close()在打開新視窗的同時,關閉該視窗,是看不到被打開視窗的
1 window.close();//關閉本視窗 2 <視窗對象>.close();//關閉指定的視窗
代碼展示:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>JavaScript中window.open()與window.close()</title> 6 <script type="text/javascript"> 7 function myopen(){ 8 window.open('https://www.baidu.com/','_blank','width=300,height=200,left=0,meunbar=no,toolbar=no,scrollbar=yes,status=no'); 9 } 10 11 var ceshi=window.open('https://www.cnblogs.com/dhnblog/p/12494648.html')//將新打的視窗對象,存儲在變數ceshi中 12 // // ceshi.wondows.close() 錯誤寫法 13 ceshi.close() 14 </script> 15 </head> 16 <body> 17 <input type="button" name="" id="" value="點擊打開新視窗" onclick="myopen()" /> 18 </body> 19 </html>
使用<視窗對象>.close();//關閉指定的視窗 代碼展示:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>通過變數關閉視窗</title> 6 <script type="text/javascript"> 7 function myopen(){ 8 var ceshi=window.open('https://www.baidu.com/','_blank','width=300,height=200,left=0,meunbar=no,toolbar=no,scrollbar=yes,status=no'); 9 ceshi.close() 10 } 11 </script> 12 </head> 13 <body> 14 <input type="button" name="" id="" value="我不信你可以打開" onclick="myopen()" /> 15 </body> 16 </html>
至於window.close();//關閉本視窗 暫時不是很懂,感興趣的可以參考下這個,後期有機會在完善