JavaScript學(xué)習(xí)心得之概述

更新時(shí)間：2015年01月20日 08:55:31 投稿：hebedich

本文主要介紹了javascript的一些基礎(chǔ)性的東西，包括javascript簡(jiǎn)介，及<script>元素的介紹等，并通過示例讓大家更好的理解javascript，非常不錯(cuò)，推薦給大家。

一、JavaScript是一種專為與網(wǎng)頁交互而設(shè)計(jì)的腳本語言，它的的組成

ECMAScript（核心） DOM（文檔對(duì)象模型） BOM（瀏覽器對(duì)象模型）

1.1ECMAScript

ECMA-262定義的ECMAScrip與Web瀏覽器沒有依賴關(guān)系，ECMA-262定義的只是這門語言的基礎(chǔ)，提供核心語言功能

　　ECMAScript是通過ECMA-262標(biāo)準(zhǔn)化的腳本語言，ECMA-262規(guī)定語言的：語法、類型、語句、關(guān)鍵字、保留字、操作符、對(duì)象

1.2 DOM（Document Object Modle）
DOM是針對(duì)XML但是經(jīng)過擴(kuò)展用于HTML的應(yīng)用程序編程接口(API,Application Programming Interface),提供訪問和操作網(wǎng)頁內(nèi)容的方法和接口

　　DOM把整個(gè)頁面映射為一個(gè)多層節(jié)點(diǎn)結(jié)構(gòu)，HTML或者XML等頁面中的每個(gè)組成部分都是某種類型的節(jié)點(diǎn)，這些節(jié)點(diǎn)又包含不同類型的數(shù)據(jù)。

1.3 BOM(Bower Object Modle)
　　控制瀏覽器顯示的頁面以外的部分,BOM只處理瀏覽器窗口和框架,提供與瀏覽器交互的方法和接口

二、<script>元素
2.1引用javascript文件
　外部引用javascript文件：

復(fù)制代碼代碼如下:

頁面嵌入javascript代碼

復(fù)制代碼代碼如下:

//javascript代碼

</script>

包含在<script>元素內(nèi)部的JavaScript代碼將被從上至下依次解釋

2.2 <script>元素的屬性

defer延遲腳本:告訴瀏覽器立即下載,腳本會(huì)被延遲到整個(gè)頁面都被解析完才執(zhí)行, defer只適用于外部引入的腳本文件

復(fù)制代碼代碼如下:

<!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異步腳本:必讓頁面等待腳本的下載和執(zhí)行，從而異步加載頁面其他內(nèi)容
同defer一樣只適用于外部引入的腳本文件,async告訴瀏覽器立即下載文件，但與defer不同的是標(biāo)記不async腳本并不保證按照指定它們的先后順序執(zhí)行，建議異步腳本不要在加載期間修改DOM

復(fù)制代碼代碼如下:

<!--異步腳本-->

<script type="text/javascript" async="async" src="example1.js"></script>

<script type="text/javascript" async="async" src="example2.js"></script>

2.3 <noscript>元素的屬性

復(fù)制代碼代碼如下: