目錄
1. JS的組成
2. JS書寫位置
3. JavaScript 輸入輸出陳述句
1. JS的組成
ECMAscript javaScript語法
DOM 頁面檔案物件模型
BOM 瀏覽器物件模型
1. ECMAscript
ECMAscript 是由ECMA國際(原歐洲計算機制造商協會)進行標準化的一門編程語言,這種語言在萬維網上應用廣泛,它往往被稱為 JavaScript 或JScript,但實際上后兩者是 ECMAscript 語言的實作和擴展,
ECMAscript:ECMAscript規定了JS的編程語法和基礎核心知識,是所有瀏覽器廠商溝通遵守的一套JS語法工業標準,
2. DOM ——檔案物件模型
檔案物件模型(Document Object Model,簡稱DOM),是W3C組織推薦的處理可擴展標記語言的標準編程介面, 通過 DOM 提供的介面可以對頁面上的各種元素進行操作(大小、位置、顏色等),
3. BOM ——瀏覽器物件模型
BOM (Browser Object Model,簡稱BOM) 是指瀏覽器物件模型,它提供了獨立于內容的、可以與瀏覽器視窗進行互動的物件結構,通過BOM可以操作瀏覽器視窗,比如彈出框、控制瀏覽器跳轉、獲取解析度等,
2. JS書寫位置
JS 有3種書寫位置,分別為行內、內嵌和外部,
2.1 行內式 JS
<input type="button" value="你好" onclick="alert('Hello World'))">
- 可以將單行或少量 JS 代碼寫在HTML標簽的事件屬性中(以 on 開頭的屬性),如:onclick
- 注意單雙引號的使用:在HTML中我們推薦使用雙引號,JS 中我們推薦使用單引號
- 可讀性差, 在html中撰寫JS大量代碼時,不方便閱讀;
- 引號易錯,引號多層嵌套匹配時,非常容易弄混;
- 特殊情況下使用
2.2 內嵌 JS
<script>
alert('Hello World~!');
</script>
- 可以將多行JS代碼寫到
- 內嵌 JS 是學習時常用的方式
2.3 外部 JS檔案
<script src="my.js"></script>
- 利于HTML頁面代碼結構化,把大段 JS代碼獨立到 HTML 頁面之外,既美觀,也方便檔案級別的復用
- 參考外部 JS檔案的 script 標簽中間不可以寫代碼
- 適合于JS 代碼量比較大的情況
3. JavaScript 輸入輸出陳述句
為了方便資訊的輸入輸出,JS中提供了一些輸入輸出陳述句,其常用的陳述句如下:
| 方法 | 說明 | 歸屬 |
|---|---|---|
| alert('hi') | 瀏覽器彈出警示框 | 瀏覽器 |
| console.log(msg) | 瀏覽器控制臺列印輸出資訊 | 瀏覽器 |
| prompt(info) | 瀏覽器彈出輸入框,用戶可以輸入 | 瀏覽 |
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/292055.html
標籤:其他
上一篇:輪播圖效果
