欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript入門初體驗書寫方式

 更新時間:2022年03月14日 19:34:43   作者:館主阿牛  
學了這么久,你真的了解javascript嗎?很多不知道的小白總是把它和java聯(lián)系在一起,在這里阿牛很負責任的告訴你們,兩者沒有任何關系,今天就來帶你們一起揭開javascript的神秘面紗

javascript歷史

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

javascript是什么?

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

請?zhí)砑訄D片描述

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í)行。

請?zhí)砑訄D片描述

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的資料請關注腳本之家其它相關文章!

相關文章

最新評論