JavaScript學(xué)習(xí)心得之概述
一、JavaScript是一種專為與網(wǎng)頁(yè)交互而設(shè)計(jì)的腳本語(yǔ)言，它的的組成
ECMAScript（核心） DOM（文檔對(duì)象模型） BOM（瀏覽器對(duì)象模型）
1.1ECMAScript
ECMA-262定義的ECMAScrip與Web瀏覽器沒(méi)有依賴關(guān)系，ECMA-262定義的只是這門(mén)語(yǔ)言的基礎(chǔ)，提供核心語(yǔ)言功能
ECMAScript是通過(guò)ECMA-262標(biāo)準(zhǔn)化的腳本語(yǔ)言，ECMA-262規(guī)定語(yǔ)言的：語(yǔ)法、類型、語(yǔ)句、關(guān)鍵字、保留字、操作符、對(duì)象
1.2 DOM（Document Object Modle）
DOM是針對(duì)XML但是經(jīng)過(guò)擴(kuò)展用于HTML的應(yīng)用程序編程接口(API,Application Programming Interface),提供訪問(wèn)和操作網(wǎng)頁(yè)內(nèi)容的方法和接口
DOM把整個(gè)頁(yè)面映射為一個(gè)多層節(jié)點(diǎn)結(jié)構(gòu)，HTML或者XML等頁(yè)面中的每個(gè)組成部分都是某種類型的節(jié)點(diǎn)，這些節(jié)點(diǎn)又包含不同類型的數(shù)據(jù)。
1.3 BOM(Bower Object Modle)
控制瀏覽器顯示的頁(yè)面以外的部分,BOM只處理瀏覽器窗口和框架,提供與瀏覽器交互的方法和接口
二、<script>元素
2.1引用javascript文件
外部引用javascript文件：
<script type="text/javascript" src="../../XX.js"></script>
頁(yè)面嵌入javascript代碼
<script type="text/javascript">
//javascript代碼
</script>
包含在<script>元素內(nèi)部的JavaScript代碼將被從上至下依次解釋
2.2 <script>元素的屬性
defer延遲腳本:告訴瀏覽器立即下載,腳本會(huì)被延遲到整個(gè)頁(yè)面都被解析完才執(zhí)行, defer只適用于外部引入的腳本文件
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" defer="defer" src="example.js"></script>
</head>
</html>
雖然<script>標(biāo)簽位于<head>標(biāo)簽內(nèi)，但是demo.js會(huì)延遲到瀏覽器遇到</html>后才執(zhí)行。
async異步腳本:必讓頁(yè)面等待腳本的下載和執(zhí)行，從而異步加載頁(yè)面其他內(nèi)容
同defer一樣只適用于外部引入的腳本文件,async告訴瀏覽器立即下載文件，但與defer不同的是標(biāo)記不async腳本并不保證按照指定它們的先后順序執(zhí)行，建議異步腳本不要在加載期間修改DOM
<!--異步腳本-->
<script type="text/javascript" async="async" src="example1.js"></script>
<script type="text/javascript" async="async" src="example2.js"></script>
2.3 <noscript>元素的屬性
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<!--延遲腳本-->
<scripttype="text/javascript" defer="defer" src="example.js"></script>
<!--導(dǎo)部腳本-->
<script type="text/javascript" async="async" src="example1.js"></script>
<script type="text/javascript" async="async" src="example2.js"></script>
</head>
<body>
<noscript>
<p>本頁(yè)顯示需要瀏覽器支持(啟用)Javascript
</noscript>
</body>
</html>
瀏覽器不支持腳本
瀏覽器支持腳本,但腳本被禁用,瀏覽器就會(huì)顯示<noscript>中的內(nèi)容
這個(gè)頁(yè)面會(huì)在腳本無(wú)效的情況下，向用戶顯示一條信息，而在啟用了腳本的瀏覽器中，用戶永遠(yuǎn)也不會(huì)看到它
以上就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡，本系列將持續(xù)更新。
相關(guān)文章
Javascript基礎(chǔ)教程之關(guān)鍵字和保留字匯總
這篇文章主要介紹了Javascript基礎(chǔ)教程之關(guān)鍵字和保留字匯總,需要的朋友可以參考下2015-01-01
這篇文章主要為大家介紹了前端變量函數(shù)命名規(guī)則的總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了JavaScript中的作用域和閉包問(wèn)題,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07
JavaScript中Number.MAX_VALUE屬性的使用方法
這篇文章主要介紹了JavaScript中Number.MAX_VALUE屬性的使用方法,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
這篇文章主要介紹JavaScript 對(duì)象字面量，講解的比較詳細(xì)，需要的朋友可以參考下。2016-06-06
以前也做過(guò)不少項(xiàng)目，但從來(lái)就沒(méi)有把關(guān)注的目光投向過(guò)js文件緩存。最近終于在毫無(wú)意識(shí)的情況下跳進(jìn)了這個(gè)大坑2013-07-07
JavaScript中的Object對(duì)象學(xué)習(xí)教程
這篇文章主要介紹了JavaScript中的Object對(duì)象學(xué)習(xí)教程,是JavaScript入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2016-05-05
2008-01-01
高性能的javascript之加載順序與執(zhí)行原理篇
這篇文章主要給大家介紹了關(guān)于高性能的javascript之加載順序與執(zhí)行原理的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01![JS 操作符整理[推薦收藏]](http://img.jbzj.com/images/xgimg/bcimg9.png)
JS 操作符主要包括算術(shù)運(yùn)算符,賦值運(yùn)算符,比較（關(guān)系）運(yùn)算符,邏輯運(yùn)算符,串符（連接作用）,條件運(yùn)算符等2011-11-11