js -- 打開新窗口（window.open）、關閉窗口（window.close）

時間 2021-01-12

open() 方法可以查找一個已經存在或者新建的瀏覽器窗口。

語法：

window.open([URL], [窗口名稱], [參數字符串])

參數說明:

URL：可選參數，在窗口中要顯示網頁的網址或路徑。如果省略這個參數，或者它的值是空字符串，那麼窗口就不顯示任何文檔。
窗口名稱：可選參數，被打開窗口的名稱。
    1.該名稱由字母、數字和下劃線字符組成。
    2."_top"、"_blank"、"_self"具有特殊意義的名稱。
       _blank：在新窗口顯示目標網頁
       _self：在當前窗口顯示目標網頁
       _top：框架網頁中在上部窗口中顯示目標網頁
    3.相同 name 的窗口只能創建一個，要想創建多個窗口則 name 不能相同。
   4.name 不能包含有空格。
參數字符串：可選參數，設置窗口參數，各參數用逗號隔開。

參數表:

例如:打開http://www.imooc.com網站，大小爲300px * 200px，無菜單，無工具欄，無狀態欄，有滾動條窗口：

<script type="text/javascript"> 
    window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

注意：運行結果考慮瀏覽器兼容問題。

close()關閉窗口

用法：

window.close(); //關閉本窗口

或

<窗口對象>.close();   //關閉指定的窗口

例如:關閉新建的窗口。

<script type="text/javascript">
    var mywin=window.open('http://www.imooc.com'); //將新打的窗口對象，存儲在變量mywin中
    mywin.close();
</script>

注意:上面代碼在打開新窗口的同時，關閉該窗口，看不到被打開的窗口。