JavaScript入門初體驗書寫方式
javascript歷史
- 布蘭登艾奇( Brendan Eich ,1961年~)。
- 神奇的大哥在1995年利用10天完成 JavaScript 設計。
- 網(wǎng)景公司最初命名為 LiveScript ,后來在與 Sun 合作之后將其改名為 JavaScript 。(很大部分也是為了蹭Java的熱度)
javascript是什么?
- JavaScript 是世界上最流行的語言之,是一種運行在客戶端的腳本語言( Script 是腳本的意思)。
- 腳本語言:不需要編譯,運行過程中由 js 解釋器( js 引擎)逐行來進行解釋并執(zhí)行。
- 現(xiàn)在也可以基于 Node.js 技術進行服務器端編程。
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 的編程語法和基礎核心知識,是所有瀏覽器廠商共同遵守的一套 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)容,更多關于初識 JavaScript的資料請關注腳本之家其它相關文章!
相關文章
HTML復選框和單選框 checkbox和radio事件介紹
checkbox 和 radio的事件選擇一度讓我很迷惑,開始以我對js的理解,我覺得change事件應該是最合理的,可惜啊ie下change事件是在改變后焦點離開時才觸發(fā)2012-12-12node.js入門教程迷你書、node.js入門web應用開發(fā)完全示例
本書致力于教會你如何用Node.js來開發(fā)應用,過程中會傳授你所有所需的“高級”JavaScript知識。本書絕不是一本“Hello World”的教程。2014-04-04Javascript的IE和Firefox兼容性匯編(zz)
[紅色]Javascript的IE和Firefox兼容性匯編(zz)...2007-02-02深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對象與作用域鏈)使用詳解
本篇文章對Javascript中函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對象與作用域鏈)的使用進行了詳細的分析介紹。需要的朋友參考下2013-05-05