JavaScript-打開新窗口(window.open)和 關閉窗口(window.close)


JavaScript-打開新窗口

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

 

語法:

 

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

 

參數說明:

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

 參數表:

 

 

 

 

例1:打開http://www.baidu.com網站,大小為300px * 200px,無菜單,無工具欄,無狀態欄,有滾動條窗口:

 

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

 

 

例2:打開http://www.baidu.com網頁,將在新窗體中打開,寬為600,高為400,距屏頂100像素,屏左0像素。當點擊按鈕時,打開新窗口。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<script type="text/javascript">
  function Wopen(){
      window.open('http://www.baodu.com','_blank','width=600,height=400,top=100,left=0');

  } 
</script>
</head>
<body>
    <input name="button" type="button" onClick="Wopen()" value="點擊我,打開新窗口!" / >
</body>
</html>

 

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

 

 

 

 

 

 

JavaScript-關閉窗口

 

close()關閉窗口

用法:

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

 或

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

 

例如:關閉新建的窗口。

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

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM