javascript歷史

• 布蘭登艾奇（ Brendan Eich ,1961年～)。
• 神奇的大哥在1995年利用10天完成 JavaScript 設(shè)計(jì)。
• 網(wǎng)景公司最初命名為 LiveScript ，后來(lái)在與 Sun 合作之后將其改名為 JavaScript 。（很大部分也是為了蹭Java的熱度）

javascript是什么？

• JavaScript 是世界上最流行的語(yǔ)言之，是一種運(yùn)行在客戶端的腳本語(yǔ)言（ Script 是腳本的意思）。
• 腳本語(yǔ)言：不需要編譯，運(yùn)行過(guò)程中由 js 解釋器（ js 引擎）逐行來(lái)進(jìn)行解釋并執(zhí)行。
• 現(xiàn)在也可以基于 Node.js 技術(shù)進(jìn)行服務(wù)器端編程。

javascript的作用

• 表單動(dòng)態(tài)校驗(yàn)（密碼強(qiáng)度檢測(cè)）( JS 產(chǎn)生最初的目的）
• 網(wǎng)頁(yè)特效。
• 服務(wù)端開(kāi)發(fā)（ Node.js )。
• 桌面程序（ Electron )（像你們用的vscode就是基于js開(kāi)發(fā)的）。
• App ( Cordova )。
• 控制硬件﹣物聯(lián)網(wǎng)（ Ruff )。
• 游戲開(kāi)發(fā)（cocos2d-js）。

瀏覽器執(zhí)行js簡(jiǎn)介

瀏覽器分成兩部分：渲染引擎和 JS 引擎。

• 渲染引擎：用來(lái)解析 HTML 與 CSS ，俗稱內(nèi)核，比如 chrome 瀏覽器的 blink ，老版本的 webkit。
• JS 引擎：也稱為 JS 解釋器。用來(lái)讀取網(wǎng)頁(yè)中的 JavaScript 代碼，對(duì)其處理后運(yùn)行，比如 chrome 瀏覽器的V8。

注：瀏覽器本身并不會(huì)執(zhí)行 JS 代碼，而是通過(guò)內(nèi)置 JavaScript 引擎（解釋器）來(lái)執(zhí)行 JS 代碼。 JS 引擎執(zhí)行代碼時(shí)逐行解釋每一句源碼（轉(zhuǎn)換為機(jī)器語(yǔ)言），然后由計(jì)算機(jī)去執(zhí)行，所以 JavaScript 語(yǔ)言歸為腳本語(yǔ)言，會(huì)逐行解釋執(zhí)行。

javascript的組成

ECMAScript

ECMAScript 是由 ECMA 國(guó)際（原歐洲計(jì)算機(jī)制造商協(xié)會(huì)）進(jìn)行標(biāo)準(zhǔn)化的一門編程語(yǔ)言，這種語(yǔ)言在萬(wàn)維網(wǎng)上應(yīng)用廣泛，它往往被稱為 JavaScript 或 JScript ，但實(shí)際上后兩者是 ECMAScript 語(yǔ)言的實(shí)現(xiàn)和擴(kuò)展。

注： ECMAScript 規(guī)定了 JS 的編程語(yǔ)法和基礎(chǔ)核心知識(shí)，是所有瀏覽器廠商共同遵守的一套 JS 語(yǔ)法工業(yè)標(biāo)準(zhǔn)。

• DOM一文檔對(duì)象模型

文檔對(duì)象模型（ Document Object Model ，簡(jiǎn)稱 DOM )，是W3C組織推薦的處理可擴(kuò)展標(biāo)記語(yǔ)言的標(biāo)準(zhǔn)編程接口。通過(guò) DOM 提供的接口可以對(duì)頁(yè)面上的各種元素進(jìn)行操作（大小、位置、顏色等）。

• BOM 一 瀏覽器對(duì)象模型

ВОМ( Browser Object Model ，簡(jiǎn)稱 BOM ）是指瀏覽器對(duì)象模型，它提供了獨(dú)立于內(nèi)容的、可以與瀏覽器窗口進(jìn)行互動(dòng)的對(duì)象結(jié)構(gòu)。通過(guò) BOM 何以操作瀏覽器窗口，比如彈出框、控制瀏覽器跳轉(zhuǎn)、獲取分辨率等。

javascript初體驗(yàn)

JS有三種書寫方式，分別為行內(nèi)，內(nèi)嵌和外部。

行內(nèi)式

• 可以將單行或少量 JS 代碼寫在 HTML 標(biāo)簽的事件屬性中（以 on 開(kāi)頭的屬性），如： onclick 。
• 注意單雙引號(hào)的使用：在 HTML 中我們推薦使用雙引號(hào)， JS 中我們推薦使用單引號(hào)。
• 可讀性差，在 htmI 中編寫 JS 大量代碼時(shí)，不方便閱讀。
• 引號(hào)易錯(cuò)，引號(hào)多層嵌套匹配時(shí)，非常容易弄混。
• 特殊情況下使用

可以寫進(jìn)三種標(biāo)簽里：

<button onclick="alert('這個(gè)小可愛(ài)真帥！')">我是button</button>
<input type="button" value="我是input" onclick="alert('這個(gè)小可愛(ài)真帥！')">
<a href="javascript:alert('這個(gè)小可愛(ài)真帥！')" rel="external nofollow" >我是a標(biāo)簽</a>

內(nèi)嵌JS

• 可以將多行 JS 代碼寫到＜ script ＞標(biāo)簽中。
• 內(nèi)嵌 JS 是學(xué)習(xí)時(shí)常用的方式 。

<script>
        alert('我喜歡支持我的哥哥姐姐們！')
</script>

外部JS文件

• 利于 HTML 頁(yè)面代碼結(jié)構(gòu)化，把大段 JS 代碼獨(dú)立到 HTML 頁(yè)面之外，既美觀，也方便文件級(jí)別的復(fù)用。
• 引用外部 JS 文件的 script 標(biāo)簽中間不可以寫代碼。
• 適合于 JS 代碼量比較大的情況

<script src="1.js"></script>

結(jié)語(yǔ)

以上就是初識(shí) JavaScript的詳細(xì)內(nèi)容，更多關(guān)于初識(shí) JavaScript的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論