首頁 > web前端 > js教程 > 主體

JavaScript中window物件常用方法總結

WBOY
發布: 2022-08-05 15:07:44
轉載
2742 人瀏覽過

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

JavaScript中window物件常用方法總結

【相關推薦:javascript影片教學web前端

##Window物件方法

  • alert() 彈出警告對話方塊

  • confrim() 在確認對話方塊中顯示指定的字串

  • prompt() 彈出一個提示對話框

  • open() 打開新瀏覽器對話框並且顯示URL或名字引用的文檔,並設定創建對話框的屬性

  • close() 關閉被引用的對話框

  • #focus() 指定對話框放在所有瀏覽器最前面

  • 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:目標連結位址

        windowndowname:新視窗名稱#        ) 2、close()

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象open方法</title>
<script>
	
</script>


	<script>
		window.open("http://www.nuc.edu.cn/");
	</script>

登入後複製
3、confirm()

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

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象open方法</title>
<script>
	
</script>


	<input>

登入後複製

# 4、prompt() 

         顯示可提示使用者輸入的對話方塊(依確認,回傳輸入的值)

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象confirm方法</title>
<script>
	window.confirm("胡立群最帅");
</script>


	

登入後複製

 5、setInterval()

        依照指定的週期(毫秒計)來呼叫函數或計算表達式  (簡單來講就是,設定幾毫秒運行一次程式)

        格式:setInterval ( 'js程式碼或函數',執行函數或程式碼的間隔時間)

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象prompt方法</title>
<script>
	window.prompt("请输入验证码");
</script>


	

登入後複製
JavaScript中window物件常用方法總結

6、clearInterval()

        setInterval則可以一直循環下去,要停止,可用window.clearInterval( );

<!--方法1-->
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法</title>
<script>
	setInterval(&#39;test();&#39;,1000);
	function test(){
		alert("hello world")
	}
</script>


	





<!--方法2-->
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法</title>
<script>
	setInterval(&#39;alert("hello world");&#39;,1000);
	
</script>


	

登入後複製

 7、setTimeout()

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

程式碼內嵌式

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法循环取消方法--clearInterval</title>
<script>
	var 控制循环=setInterval(&#39;alert("hello world");&#39;,3000);
</script>


	<input>

登入後複製
嵌入函數式

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法</title>
<script>
	var 控制循环=setTimeout(&#39;alert("hello world");&#39;,3000);
</script>




登入後複製

 8、clearTimeout()

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

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法</title>
<script>
	var 控制循环=setTimeout(&#39;test()&#39;,3000);
	function test(){
		alert("hello world");
	}
</script>




登入後複製
###

【相關推薦:javascript影片教學web前端

以上是JavaScript中window物件常用方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!