JavaScript 學(xué)習(xí)筆記之基礎(chǔ)中的基礎(chǔ)
概要:javascript的組成、 各個(gè)組成部分的作用 、
一、javascript的組成
javascript
ECMAScript(核心) DOM(文檔對(duì)象模型) BOM(瀏覽器對(duì)象模型)
1.1ECMAScript
ECMAScript是通過(guò)ECMA-262標(biāo)準(zhǔn)化的腳本語(yǔ)言,ECMA-262規(guī)定語(yǔ)言的:語(yǔ)法、類(lèi)型、語(yǔ)句、關(guān)鍵字、保留字、操作符、對(duì)象
1.2 DOM
DOM把整個(gè)頁(yè)面映射為一個(gè)多層節(jié)點(diǎn)結(jié)構(gòu),HTML或者XML等頁(yè)面中的每個(gè)組成部分都是某種類(lèi)型的節(jié)點(diǎn),這些節(jié)點(diǎn)又包含不同類(lèi)型的數(shù)據(jù)。
1.3 BOM
控制瀏覽器顯示的頁(yè)面以外的部分
二、<script>元素
2.1使用方式
外部引用javascript文件:
<script type="text/javascript" src="../../XX.js"></script>
頁(yè)面嵌入javascript代碼
<script type="text/javascript">
var first="第一個(gè)變量";
alert(first);
</script>
2.2 <script>元素的屬性
defer延遲腳本:腳本會(huì)被延遲到整個(gè)頁(yè)面都被解析完才執(zhí)行,雖然是延遲執(zhí)行,但是瀏覽器已經(jīng)下載完了該js文件。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" defer="defer" src="demo.js"></script>
</head>
</html>
上述例子中,雖然<script>標(biāo)簽位于<head>標(biāo)簽內(nèi),但是demo.js會(huì)延遲到瀏覽器遇到</html>后才執(zhí)行。
defer只適用于外部引入的腳本文件
async異步腳本:不必讓頁(yè)面等待腳本的下載和執(zhí)行,從而異步加載頁(yè)面其他內(nèi)容。因此,異步加載腳本不要在加載期間修改dom.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" defer="defer" src="demo1.js">
<script type="text/javascript" defer="defer" src="demo2.js"></script>
</head>
</html>
都是些javascript的基礎(chǔ)知識(shí),希望大家不要讀得想睡著,只有打好基礎(chǔ)才有質(zhì)變的可能哦。
- JavaScript高級(jí)程序設(shè)計(jì)(第3版)學(xué)習(xí)筆記2 js基礎(chǔ)語(yǔ)法
- javascript學(xué)習(xí)筆記(一)基礎(chǔ)知識(shí)
- javascript學(xué)習(xí)筆記(二)數(shù)組和對(duì)象部分
- javascript學(xué)習(xí)筆記(三)BOM和DOM詳解
- javascript學(xué)習(xí)筆記(四)function函數(shù)部分
- javascript學(xué)習(xí)筆記(五)原型和原型鏈詳解
- javascript學(xué)習(xí)筆記(六)數(shù)據(jù)類(lèi)型和JSON格式
- javascript學(xué)習(xí)筆記(七)Ajax和Http狀態(tài)碼
- javascript學(xué)習(xí)筆記(八)正則表達(dá)式
- JavaScript基礎(chǔ)知識(shí)學(xué)習(xí)筆記
相關(guān)文章
在javaScript中關(guān)于submit和button的區(qū)別介紹
submit是button的一個(gè)特例,也是button的一種,它把提交這個(gè)動(dòng)作自動(dòng)集成了,submit和button,二者都以按鈕的形式展現(xiàn),看起來(lái)都是按鈕,所不同的是type屬性和處發(fā)響應(yīng)的事件上2013-10-10ajax提交表單實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新注冊(cè)示例
這篇文章主要介紹了ajax提交表單實(shí)現(xiàn)網(wǎng)頁(yè)無(wú)刷新注冊(cè)示例,需要的朋友可以參考下2014-05-05在JavaScript中處理時(shí)間之getHours()方法的使用
這篇文章主要介紹了在JavaScript中處理時(shí)間之getHours()方法的使用,是JS入門(mén)學(xué)些中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06