下面我就為大家帶來一篇實作JavaScript的組成(BOM和DOM詳細解讀)。現在分享給大家,也給大家做個參考。
我們知道,一個完整的JavaScript的實現,需要由三個部分組成:ECMAScript(核心),BOM(瀏覽器物件模型),DOM(文檔物件模型)。
BOM:
BOM提供了很多對象,用來存取瀏覽器的功能,這些功能於網頁內容無關(這些是DOM的事),目前,BOM已經被W3C搬入了HTML5規範中。
window物件:
BOM的core,表示瀏覽器的一個實例,它既是透過javascript存取瀏覽器視窗的一個接口,又是ECMAScript規定的Global對象,這意味著在網頁中定義的任何一個對象,變數和函數,都已window作為其Global對象,因此有權訪問paresinInt()等方法。 (摘自高程三)。此外,如果一個網頁中包含框架,則每個框架都擁有自己的window對象,並且保存在frames集合中(索引0開始,ltr,ttb)。
首先,全域執行環境中的變量,函數都是window物件的屬型和方法。當然,全域變數與直接定義的window屬型有一點差異,全域變數(準確的說應該是明確宣告的全域變數)無法使用delete,而window屬性就可以。此外,還有一個細節要注意,嘗試存取未宣告的變數會出錯,但是使用查詢window物件就沒有問題。
那麼,window有哪些常見的屬性或方法呢?
1.name,每個window物件都有name屬性,包含框架的名稱。通常是為了了解窗口關係與框架。
2.視窗位置方法:moveTo(新位置的x座標,新位置的y座標),moveBy(水平移動x,垂直移動y)。這兩個方法不適用框架。
3.視窗大小屬性:innerWidth/Height(視圖區(減去邊框的寬度)的大小/* IE,Safari,firefox */),outerWidth/Height(傳回瀏覽器視窗的大小/* IE,Safari,firefox */).在Chrome中,inner,outer皆傳回視圖區的大小。
當然,可以透過resizeTo(新視窗width,新視窗height),resizeBy(比原寬度提高x,比原高度提高y)來改變視窗大小。這戀歌方法不適用框架結構。
4.window.open(URL,視窗目標,特性字串,新頁面是否取代瀏覽器歷史記錄中當前載入頁面的boolean)用於導航到一個特定的url或開啟一個新的窗口。如果指定視窗目標,且視窗目標是已有的視窗或框架的名稱,那麼就會在有改名成的視窗或框架中載入指定的url。否則,就將開啟的新視窗命名為目標視窗。當然,視窗目標可以指定的關鍵字有_self,_parent,_top,_blank。
<a href=http://www.jb51.net>click me</a> <script> var link=document.getElementsByTagName("a")[0]; alert(link.nodeName); window.onload=function(){ link.onclick=function () { window.open(link.href,"good","width=400px,height=300px"); return false; } } </script
此處特性字串的具體設定不再贅述,有興趣的可以點擊此處
5.作為一門單執行緒語言,js仍然允許設定超時值(指定的事件過後執行程式碼)和間歇時間值(每隔指定的時間循環一次)來調度程式碼在特定的時刻執行。
逾時呼叫:setTimeout(js程式碼字串,毫秒時間),作為一個單執行緒語言,js的任務佇列每次只能執行一段程式碼,若經過設定的時間間隔過後任務佇列為空,則執行程式碼字串,否則,要等到前面的程式碼執行完成後再執行。
var al=setTimeout(function () { alert("good"); },5000); alert(al); //2
此處,我在5秒後調用了一個匿名函數輸出good,窗口先彈出一個警示框顯示2,可見setTimeout()函數返回的是一個數值ID,具有唯一性,那麼我們就可以透過這個ID來清除超時調用,可以使用clearTimeout(ID)來清除。
間接呼叫:setInterval(),他接受的參數與setTimeout()相同,同樣回傳一個數值ID,使用clearTimeout()清除。
6.系統對話框方法:alert(),confirm(),prompt()等在我前面的部落格中有寫道,點擊這裡
location物件
與其說是BOM中的對象,不如說Location是window對像中的一個屬性,當然,也是後面要講的DOM中document對象的屬性,也就是說,window.location和document. location引用同一個物件。
location物件屬性清單,修改這些屬性可以載入新的頁面,且會在歷史記錄中產生新的紀錄。使用location.replace()則不會再歷史紀錄中產生新紀錄。
hash | "#contents" | 傳回url中的hash,沒有為「」 |
host | #"www.google.com" | #傳回伺服器名稱和連接埠號碼(如果有) |
hostname | "www.google.com " | 傳回不帶連接埠號碼的伺服器名稱 |
href | "www.google.com" | 傳回目前頁面的完整url,呼叫了assign() |
pathname | ''/wileyCDA/' | #回傳目錄名稱 |
##port | "8080" | #傳回埠號,沒有則回傳空字串 |
protocol | "http:" | 返回頁面使用的協定 |
search | "?=javascript" | 傳回查詢字串,以問號開頭 |
以上是實作JavaScript的組成(BOM和DOM詳細解讀)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

Node.js擅長於高效I/O,這在很大程度上要歸功於流。 流媒體匯總處理數據,避免內存過載 - 大型文件,網絡任務和實時應用程序的理想。將流與打字稿的類型安全結合起來創建POWE

Python和JavaScript在性能和效率方面的差異主要體現在:1)Python作為解釋型語言,運行速度較慢,但開發效率高,適合快速原型開發;2)JavaScript在瀏覽器中受限於單線程,但在Node.js中可利用多線程和異步I/O提升性能,兩者在實際項目中各有優勢。

JavaScript起源於1995年,由布蘭登·艾克創造,實現語言為C語言。 1.C語言為JavaScript提供了高性能和系統級編程能力。 2.JavaScript的內存管理和性能優化依賴於C語言。 3.C語言的跨平台特性幫助JavaScript在不同操作系統上高效運行。

JavaScript在瀏覽器和Node.js環境中運行,依賴JavaScript引擎解析和執行代碼。 1)解析階段生成抽象語法樹(AST);2)編譯階段將AST轉換為字節碼或機器碼;3)執行階段執行編譯後的代碼。

Python和JavaScript的未來趨勢包括:1.Python將鞏固在科學計算和AI領域的地位,2.JavaScript將推動Web技術發展,3.跨平台開發將成為熱門,4.性能優化將是重點。兩者都將繼續在各自領域擴展應用場景,並在性能上有更多突破。

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda,適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack,適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

是的,JavaScript的引擎核心是用C語言編寫的。 1)C語言提供了高效性能和底層控制,適合JavaScript引擎的開發。 2)以V8引擎為例,其核心用C 編寫,結合了C的效率和麵向對象特性。 3)JavaScript引擎的工作原理包括解析、編譯和執行,C語言在這些過程中發揮關鍵作用。

JavaScript是現代網站的核心,因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容,2)通過DOMAPI操作網頁,3)支持複雜的交互效果如動畫和拖放,4)優化性能和最佳實踐提高用戶體驗。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

禪工作室 13.0.1
強大的PHP整合開發環境

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!