JS中關閉彈窗的問題
阿新 • • 發佈：2017-07-07
utf blog 新網 先來 知識 oct 提交 top cli
先舉列一個W3Cshool的例子：在父窗口關閉子窗口
<html> <head> <script type="text/javascript"> function closeWin() {
alert(myWindow.name) //子窗口的名稱myname myWindow.close() //在父頁面關閉子窗口 } </script> </head> <body> <script type="text/javascript"> myWindow=window.open(‘‘,‘myname‘,‘width=200,height=100‘) myWindow.document.write("This is ‘myWindow‘") </script> <input type="button" value="Close ‘myWindow‘" onclick="closeWin()" /> </body> </html>
二，在討論關閉窗口之前我們先來看看window.name這個屬性
w3c的定義：
name 屬性可設置或返回存放窗口的名稱的一個字符串。
該名稱是在 open() 方法創建窗口時指定的或者使用一個 <frame> 標記的 name 屬性指定的。
窗口的名稱可以用作一個 <a> 或者 <form> 標記的 target 屬性的值。以這種方式使用 target 屬性聲明了超鏈接文檔或表單提交結果應該顯示於指定的窗口或框架中。
設置或獲取子窗口name值
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>window.name研究</title> <script type="text/javascript"> functioncheckWin() { myWindow=window.open(‘‘,‘MyName‘,‘width=200,height=100‘); myWindow.name =‘easy‘; //為彈出框設置新名字easy -----原名為myname document.write(myWindow.name+‘顯示在父窗口‘); myWindow.document.write(myWindow.name+‘名字顯示在子窗口‘); } </script> </head> <body> <input type="button" value="What‘s the name of ‘myWindow‘?" onclick="checkWin()"/> </body> </html>
貌似我非常的啰嗦，一小點知識都要寫很長篇幅，原諒我是個前端小菜鳥，不寫詳細點，怕我日後看不懂（手動笑哭臉。。。。）
window.open() 打開的新網頁，第二個參數就是此網頁的name。還在iframe裏面，name屬性.
作用是判斷當前的Window，如一個頁面裏面有很多iframe，就可以用：
window.name 當前window的名稱
window.parent.name 父window的名稱
widnow.top.name 頂層window的名稱
JS中關閉彈窗的問題