Window 物件其他常用方法
open()方法
#功能:開啟一個新的瀏覽器視窗。
語法:var winObj = window.open([url][,name][,options]);
說明:參數可有可無。如果沒有指定參數,則開啟一個選項卡式的視窗(大小是最大大化)。
參數:
#url:準備在新視窗中顯示哪個檔案。 url可以為空字串,表示顯示一個空的頁面。
name:新視窗的名字,該名字給予標記的target屬性來用
options:視窗的規格。
left:新視窗距離螢幕左邊的距離
toolbar:是否顯示工具列。
地
地
4.以該視窗傳回一個window物件的變量,則可透過此名稱追蹤此視窗。 winObj具備window物件的所有屬性與方法。
註:
onload事件:當網頁載入完成,指標記的所有內容全部載入完成,才觸發該事件(條件) 。透過onload事件屬性,去呼叫JS的函數。 onload屬性只有body標記才有。
onclick事件:當點擊時,去呼叫JS程式碼。所有HTML標記都具有該事件屬性。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> function init(){ window.open("","php.cn") } </script> </head> <body onload="init()"> </body> </html>
#延時器方法-setTimeout()
setTimeout()
功能:設定一個延時器,換句話說:時間一到,就執行JS程式碼一次。
語法:var timer = window.setTimeout(code,millisec)
參數:
code:是任何合法中的JS代碼,且一般情況下為JS函數。此函數要放在引號中。
重複例:window.setTimeout(「close()」 舉例:window.setTimeout(init, 2000); //傳函數位址,因此不需要加括號。如果加括號,是將函數的執行結果傳到方法中。
millisec:毫秒值。 1秒=1000毫秒
- 傳回值:傳回一個延時器的id變量,這個id變數給clearTimeout()用來清除。
- #功能:清除延時器id變數
- 語法:window.clearTimeout(timer)
- 參數:timer就是由setTimeout()設定的延時器的id變數。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> function init(){ //打开一个新窗口 var win=window.open(); win.document.write("欢迎来到php.cn") ; //新窗口2秒后关闭 win.setTimeout("window.close()",2000); } </script> </head> <body onload="init()"> </body> </html>
#定時器方法
定時器方法
- ##setInterval()
- ######功能:設定一個計時器。定時器,重複不斷的執行JS程式碼(週期性)。 ############ 語法: var timer = window.setInterval(code , millisec)###
參數:
code:且為任何合法中的JS程式碼,且一般情境為JS函數。此函數要放在引號中。
重複例:window.setInterval(「init()」 舉例:window.setInterval(init, 2000); //傳函數位址,因此不需要加括號。如果加括號,是將函數的執行結果傳到方法中。
millisec:以毫秒為計。 1秒=1000毫秒
- 回傳值:回傳一個計時器的id變量,這個id變數給clearInterval()用來清除。
- #功能:清除定時器id變數
- 語法:window.clearInterval(timer)
- 參數:timer就是由setInterval()設定的計時器的id變數。
- #