javascript歷史

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

javascript是什么？

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

javascript的作用

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

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

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

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

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

javascript的組成

ECMAScript

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

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

• DOM一文檔對象模型

文檔對象模型（ Document Object Model ，簡稱 DOM )，是W3C組織推薦的處理可擴展標記語言的標準編程接口。通過 DOM 提供的接口可以對頁面上的各種元素進行操作（大小、位置、顏色等）。

• BOM 一 瀏覽器對象模型

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

javascript初體驗

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

行內(nèi)式

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

可以寫進三種標簽里：

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

內(nèi)嵌JS

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

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

外部JS文件

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

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

結(jié)語

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

最新評論