首頁  >  文章  >  web前端  >  javascript的基本結構是什麼

javascript的基本結構是什麼

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-07-21 11:24:105692瀏覽

javascript的基本架構是:1、ECMAScript,js中所有物件都衍生在ECMAScript中的一個大物件中;2、dom,文檔物件模型,就是html樹;3、bom,瀏覽器對象模型,瀏覽器廠商會把瀏覽器的基礎資訊封裝在bom物件中。

javascript的基本結構是什麼

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

1、javascript腳本語言, 是由三部分構成的. 即核心: ECMAScript, dom, bom.

a).ECMAScript是以瀏覽器為宿主, 你可以把他看成是一個base function. javascript中所有的物件都是派生於ECMAScript中的一個大物件中. 由於不同瀏覽器對於ECMAScript的實作不同(以w3c為基準).所以市面上的不同瀏覽器中的js程式碼需要作相容.

b). dom即文檔物件模型, 就是html樹.dom可以讓你使用js來取得dom樹中節點的物件, 以便你對html元素進行操作.

c). bom即瀏覽器物件模型, 瀏覽器廠商會把瀏覽器的基礎資訊封裝在bom物件中.如視窗的各種寬度,高度.瀏覽器版本,核心等資訊.

2、個人認為javascript主要用於靜態html 於使用者的互動。俗話說: 讓html元素動起來. 例如: 添加,刪除dom樹節點. 製作像素動畫, 給html控制添加事件監聽.等. 不得不說的還有一個ajax, 即由js觸發的異步請求.

3、window物件最常用的方法大概有, location(用於跳頁面和重定向), escape(系列)用於編碼url. navigator(用於獲取瀏覽器基礎資訊), setTimeout計時器, offsetWidth\offsetHeight\clientWidth等(取得視窗高\寬度).更多的方法你可以去w3cschool看.

4、Date物件方法如下

getDate() 從Date 物件回傳一個月中的某一天(1 ~ 31)。

getDay() 從 Date 物件傳回一週中的某一天 (0 ~ 6)。

getMonth() 從 Date 物件傳回月份 (0 ~ 11)。

getFullYear() 從 Date 物件以四位數傳回年份。

getYear() 請使用 getFullYear() 方法來取代。

getHours() 傳回 Date 物件的小時 (0 ~ 23)。

getMinutes() 傳回 Date 物件的分鐘 (0 ~ 59)。

getSeconds() 傳回 Date 物件的秒數 (0 ~ 59)。

getMilliseconds() 傳回 Date 物件的毫秒(0 ~ 999)。

getTime() 傳回 1970 年 1 月 1 日至今的毫秒數。

getTimezoneOffset() 傳回本地時間與格林威治標準時間 (GMT) 的分鐘差。

getUTCDate() 根據世界時從 Date 物件返回月中的一天 (1 ~ 31)。

getUTCDay() 根據世界時從 Date 物件返回週中的一天 (0 ~ 6)。

getUTCMonth() 根據世界時從 Date 物件傳回月份 (0 ~ 11)。

getUTCFullYear() 根據世界時從 Date 物件傳回四位數的年份。

getUTCHours() 根據世界時傳回 Date 物件的小時 (0 ~ 23)。

getUTCMinutes() 根據世界時傳回 Date 物件的分鐘 (0 ~ 59)。

getUTCSeconds() 根據世界時傳回 Date 物件的秒鐘 (0 ~ 59)。

getUTCMilliseconds() 根據世界時傳回 Date 物件的毫秒(0 ~ 999)。

parse() 傳回1970年1月1日午夜到指定日期(字串)的毫秒數。

setDate() 設定 Date 物件中月的某一天 (1 ~ 31)。

setMonth() 設定 Date 物件中月份 (0 ~ 11)。

setFullYear() 設定 Date 物件中的年份(四位數字)。

setYear() 請使用 setFullYear() 方法來取代。

setHours() 設定 Date 物件中的小時 (0 ~ 23)。

setMinutes() 設定 Date 物件中的分鐘 (0 ~ 59)。

setSeconds() 設定 Date 物件中的秒鐘 (0 ~ 59)。

setMilliseconds() 設定 Date 物件中的毫秒 (0 ~ 999)。

setTime() 以毫秒設定 Date 物件。

setUTCDate() 依照世界時設定 Date 物件中月份的一天 (1 ~ 31)。

setUTCMonth() 根據世界時設定 Date 物件中的月份 (0 ~ 11)。

setUTCFullYear() 根據世界時設定 Date 物件中的年份(四位數字)。

setUTCHours() 根據世界時設定 Date 物件中的小時 (0 ~ 23)。

setUTCMinutes() 根據世界時設定 Date 物件中的分鐘 (0 ~ 59)。

setUTCSeconds() 根據世界時設定 Date 物件中的秒鐘 (0 ~ 59)。

setUTCMilliseconds() 根據世界時設定 Date 物件中的毫秒 (0 ~ 999)。

toSource() 傳回該物件的原始碼。

toString() 把 Date 物件轉換為字串。

toTimeString() 把 Date 物件的時間部分轉換為字串。

toDateString() 把 Date 物件的日期部分轉換為字串。

toGMTString() 請使用 toUTCString() 方法取代。

toUTCString() 根據世界時,把 Date 物件轉換為字串。

toLocaleString() 根據本地時間格式,把 Date 物件轉換為字串。

toLocaleTimeString() 根據本地時間格式,把 Date 物件的時間部分轉換為字串。

toLocaleDateString() 依照本地時間格式,把 Date 物件的日期部分轉換成字串。

UTC() 根據世界時傳回 1970 年 1 月 1 日 到指定日期的毫秒數。

valueOf() 傳回 Date 物件的原始值。

5. setTimeout()方法與setInterval()方法的區別

setTimeout: 等待指定毫秒後,執行回呼函數. 這個方法只執行一次. 即延時指定時間後執行一次.

當然,也可以作循環回調. 即在回調函數中再設定setTimeout. 在製作佔用記憶體較多的動畫時,一般都使用setTimeout的循環回調, 而不是setInterval. 因為,setTimeout是在回呼被執行時才發起下一次setTimeout. 而setInterval是每隔指定時間就執行. 它不管你回調中的程式碼有沒有被執行完成.這就會有問題. 如果你回呼函數中執行的程式碼較耗time. setTimeout會等你的回呼函數執行到指定代碼段的時候再發起下一次setTimeout. 保證你的動畫就算很卡也能正常執行. 而setInterval的執行效果你就可想而知了. 它會讓你的動畫變得亂七八糟.

setInterval: 每隔指定時間執行一次回調函數. 這個方法適用於反復執行佔用資源較小的回調函數.如你在頁面上顯示一個動態的時鐘. 就沒有必要去做一個setTimeout的循環呼叫了.

【推薦學習:javascript高階教學

以上是javascript的基本結構是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn