當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

【JavaScript】Window对象学习

發布時間：2024/2/28 javascript 36 豆豆

生活随笔收集整理的這篇文章主要介紹了【JavaScript】Window对象学习小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Javascript組成

JavaScript的實現包括以下3個部分：
1、核心（ECMAScript）：描述了JS的語法和基本對象。
2、文檔對象模型（DOM）：處理網頁內容的方法和接口。
3、瀏覽器對象模型（BOM）：與瀏覽器交互的方法和接口。

window對象

JS基于對象，萬物皆對象。在瀏覽器里面，window對象（注意，w為小寫）指當前的瀏覽器窗口。它也是當前頁面的頂層對象，即最高一層的對象，所有其他對象都是它的下屬。

舉例：setInterval可以實現圖片在頁面上的運動
setInterval的實現是多線程

<html><head><title>window對象學習</title><meta charset="UTF-8"/><script type="text/javascript">//框體方法學習：//警告框function testAlert(){var a=window.alert("我是警告框");alert(a);}//確認框function testConfirm(){var flag=window.confirm("你確定要刪除嗎?");alert(flag);}//提示框function testPrompt(){var str=window.prompt("請輸入昵稱：");alert(str);} /*----------------------------------------------------------------------------------------------*/var idi;var ids//定時執行function testSetTimeout(){idi=window.setTimeout(function(){alert("我是定時執行");},3000);}//間隔執行function testSetInterval(){ids=window.setInterval(function(){alert("我是間隔執行");},2000);}//停止當前的定時方法function testClearTimeout(){window.clearTimeout(idi);} function testClearInterval(){window.clearInterval(ids); }</script></head><body><h3>window對象學習</h3><hr /><input type="button" name="" id="" value="測試警告框" onclick="testAlert();" /><input type="button" name="" id="" value="測試確認框" onclick="testConfirm()" /><input type="button" name="" id="" value="測試提示框" onclick="testPrompt()"/><hr /><input type="button" name="" id="" value="測試setTimeout--定時執行" onclick="testSetTimeout()"/><input type="button" name="" id="" value="測試setInterval--間隔執行" onclick="testSetInterval()"/><input type="button" name="" id="" value="測試clearTimeout--停止指定的定時器" onclick="testClearTimeout()" /><input type="button" name="" id="" value="測試clearInterval--停止指定的間隔器" onclick="testClearInterval()" /></body> </html>

總結

以上是生活随笔為你收集整理的【JavaScript】Window对象学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：【JavaScript】JS事件机制学习
下一篇：【JavaScript】Document