JavaScript中window物件常用方法總結

本篇文章給大家帶來了關於的相關知識，其中主要介紹了關於window物件常用方法的相關問題，包括了alert、confrim、prompt等等內容，下面一起來看一下，希望對大家有幫助。

【相關推薦：、】

Window物件方法

alert() 彈出警告對話方塊
confrim() 在確認對話方塊顯示指定的字串
prompt() 彈出一個提示對話方塊
open() 開啟新瀏覽器對話方塊並且顯示URL或名字參照的檔案，並設定建立對話方塊的屬性
close() 關閉被參照的對話方塊
focus() 指定對話方塊放在所有瀏覽器最前面
blur() 指定對話方塊放在所有瀏覽器最後面
scrollTo(x,y) 把對話方塊捲動到指定的座標
scrollBy(offsetx,offsety) 按照指定位移量捲動對話方塊
setTimeout(timer) 在指定的毫秒數過後，對傳遞的表示式求值
setInerval(interval) 指定週期性執行程式碼
moveTo(x,y) 將對話方塊移動到指定座標
moveBy(offsetx,offsety) 將對話方塊移動到指定的位移量處
resizeTo(x,y) 設定對話方塊大小
resizeBy(offsetx,offsety) 按照指定的位移量設定對話方塊大小
print() 「列印」
navigate(URL) 使用對話方塊顯示URL指定的頁面

範例如下：

1、open()

格式：window.open(URL,windowname)

URL：目標連結地址

windowname：新視窗名稱

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件open方法</title>
<script>
	
</script>
</head>
<body>
	<script>
		window.open("http://www.nuc.edu.cn/");
	</script>
</body>
</html>

2、close()

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件open方法</title>
<script>
	
</script>
</head>
<body>
	<input type="button" value="關閉" onclick="window.close()"/>
</body>
</html>

3、confirm()

顯示帶有一段訊息以及確認按鈕和取消按鈕的對話方塊。(按確認返回 true 按取消返回false)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件confirm方法</title>
<script>
	window.confirm("胡立群最帥");
</script>
</head>
<body>
	
</body>
</html>

4、prompt()　

顯示可提示使用者輸入的對話方塊(按確認，返回輸入的值)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件prompt方法</title>
<script>
	window.prompt("請輸入驗證碼");
</script>
</head>
<body>
	
</body>
</html>

5、setInterval()

按照指定的週期(以毫秒計)來呼叫函數或計算表示式 (通俗來講就是，設定幾毫秒執行一次程式)

格式：setInterval ( ‘js程式碼或者函數’,執行函數或者程式碼的間隔時間)

<!--方法1-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件setInterval方法</title>
<script>
	setInterval('test();',1000);
	function test(){
		alert("hello world")
	}
</script>
</head>
<body>
	
</body>
</html>



<!--方法2-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件setInterval方法</title>
<script>
	setInterval('alert("hello world");',1000);
	
</script>
</head>
<body>
	
</body>
</html>

+1.gif

6、clearInterval()

setInterval則可以一直迴圈下去，要想停止，可用window.clearInterval( );

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件setInterval方法迴圈取消方法--clearInterval</title>
<script>
	var 控制迴圈=setInterval('alert("hello world");',3000);
</script>
</head>
<body>
	<input type="button" value="停止迴圈" onclick="控制迴圈=window.clearInterval(控制迴圈)" >
</body>
</html>

7、setTimeout()

setTimeout和setInterval都屬於JS中的定時器，可以規定延遲時間再執行某個操作，不同的是setTimeout在規定時間後執行完某個操作就停止了

程式碼內嵌式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件setTimeout方法</title>
<script>
	var 控制迴圈=setTimeout('alert("hello world");',3000);
</script>
</head>
<body>

</body>
</html>

嵌入函數式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件setTimeout方法</title>
<script>
	var 控制迴圈=setTimeout('test()',3000);
	function test(){
		alert("hello world");
	}
</script>
</head>
<body>

</body>
</html>

8、clearTimeout()

取消由setTimeout方法設定的timeout (停止setTimeout())

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>window物件setTimeout方法取消方法--clearTimeout</title>
<script>
	var 控制迴圈=setTimeout('test()',3000);
	function test(){
		alert("hello world");
	}
</script>
</head>
<body>
	<input type="button" value="停止迴圈" onclick="迴圈控制=window.clearTimeout(控制迴圈)">
</body>
</html>

【相關推薦：、】

以上就是JavaScript中window物件常用方法總結的詳細內容，更多請關注TW511.COM其它相關文章！