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>