一、JavaScript組成

1.ECMAScript：是ECMA制定的腳本語言的語法標準，基礎語法的規范，為了讓不同的瀏覽器都可以運行通過標準運行出來的代碼。

2.文檔對象模型(DOM)：JavaScript操作網頁上的元素(標簽)的API。

3.瀏覽器對象模型(BOM)：JavaScript操作瀏覽器的部分功能的API。

二、JavaScript書寫格式

1.CSS書寫格式

1.行內樣式: 寫在標簽內部

2.內嵌樣式(內聯樣式) : 寫在一對head標簽中

3.外鏈樣式: 寫在一個單獨的.css文件中, 再導入進來

2.JavaScript書寫格式

1.行內樣式: 寫在標簽內部

2.內嵌樣式(內聯樣式) : 寫在一對head標簽中

3.外鏈樣式: 寫在一個單獨的.js文件中, 再導入進來

3.JavaScript書寫格式注意點

1.不推薦直接將JavaScript代碼書寫到標簽內部

2.默認情況下瀏覽器會從上至下的解析網頁, 所以如果將JavaScript寫到一對head標簽中, 并且需要通過JavaScript代碼操作界面上的元素, 那么就不能直接書寫JavaScript代碼, 否則無效

2.1如果想將JavaScript寫到一對head標簽中, 并且需要在JavaScript代碼中操作界面上的元素, 那么必須加上window.onload = function(){操作界面元素的JavaScript}

2.2window.onload的含義: 等到界面上所有的內容都加載完畢再執行{}中的代碼

2.3由于默認情況下瀏覽器會從上至下的解析網頁, 所以如果想通過JavaScript操作界面上的元素只需要等到元素被加載解析之后操作就可以了, 所以我們還可以將JavaScript代碼寫到body結束標簽的前面

3.如果通過外鏈式導入.js文件, 并且需要在.js文件中操作界面上的元素, 那么如果是在head標簽中導入的, 必須在.js文件中加上window.onload. 如果是在body結束標簽前面導入的, 那么就不用添加window.onload

4.如果需要在一對script標簽中編寫JavaScript代碼, 那么就不能同時通過script標簽再導入其它的.js文件, 否則書寫的JavaScript代碼無效

三、JavaScript常見輸出方式

1.通過彈窗的形式來輸出

alert(需要輸出的內容);

confirm(需要輸出的內容);

prompt(需要輸出的內容);

注意點:

如果需要輸出的內容不是數字, 那么就必須通過單引號或者雙引號括起來

在JavaScript中是嚴格區分大小寫的, alert()和ALERT()不是一回事

在編寫JavaScript代碼的時候, 一定要記住每一句代碼后面都需要添加一個分號, 并且這個分號必須是英文的分號

我們會發現有時候不寫分號程序也能夠運行, 這里并不是因為不需要分號, 而是瀏覽器自動幫助我們添加了分號, 瀏覽器自動添加會消耗一定的性能, 并且有可能會添加錯誤

2.通過網頁內容區域的形式來輸出

document.write(需要輸出的內容);

注意點:

如果需要輸出的內容不是數字, 那么就必須通過單引號或者雙引號括起來

3.通過開發者工具控制臺的形式來輸出

console.log(需要輸出的內容); // 普通輸出

console.warn(需要輸出的內容); // 警告輸出

console.error(需要輸出的內容); // 錯誤輸出

注意點:

如果需要輸出的內容不是數字, 那么就必須通過單引號或者雙引號括起來

四、JavaScript常量

1.什么是常量?

常量表示一些固定不變的數據

現實生活中人的性別其實就可以看做是常量, 生下來是男孩一輩子都是男孩, 生下來是女孩一輩子都是女孩2.JavaScript中常量的分類

2.1整型常量

整型常量其實就是正數, 在JavaScript中隨便寫一個整數都是整型常量1 / 666 / 99

2.2實型常量

實型常量其實就是小數, 在JavaScript中隨便寫一個小數都是實型常量3.14 6.66

2.3字符串常量

字符串常量其實就是用單引號或者雙引號括起來的內容, 我們就稱之為字符串常量'a'

'abc'

"1"

注意點: 無論用單引號或者雙引號括起來了多少個字符, 在JavaScript中都是字符串常量

2.4布爾常量

布爾常量其實就是真或者假, 在JavaScript中通過true和false來表達

在JavaScript中布爾常量只有兩個取值, 真(true)或者假(false)

2.5自定義常量

在ES6中新增的const 常量名稱 = 常量取值;

五、JavaScript變量

1.什么是變量?

變量表示一些可以被修改的數據

在現實生活中超市的儲物格就是變量, 在不同的時間段里面, 儲物格中存儲的數據也不一樣

2.如何定義一個變量

在JavaScript中可以通過定義變量的方式來生成儲物格, 也就是告訴瀏覽器, 我們需要一塊內存空間var 變量名稱;

3.如何使用變量

使用變量就是往申請的那塊內存空間中存儲數據, 和獲取存儲的數據

3.1如何存儲數據

變量名稱 = 需要存儲的數據;

可以將等號右邊需要存儲的數據放到等號左邊變量申請的那塊存儲空間中

3.2如何獲取存儲在變量中的數據

變量名稱

六、JavaScript變量補充

1.如何修改變量中存儲的數據

在JavaScript中想要修改變量中存儲的數據, 只需要再次給變量直接賦值即可

2.在JavaScript中第一次給變量賦值, 我們稱之為"變量的初始化"

3.如果一個變量沒有進行初始化, 那么變量中存儲的是什么呢?

在JavaScript中如果定義了一個變量,但是沒有進行初始化, 那么變量中存儲的是undefined

4.給變量初始化有很多種形式

4.1先定義變量, 再對變量進行初始化

4.2可以在定義變量的同時對變量進行初始化

5.定義變量的其它格式

同時定義多個變量的格式

格式: var 變量名稱1, 變量名稱2, .... ;

6.初始化變量的其它格式

如果在企業開發中對多個變量初始化的值都是一樣的, 那么我們可以通過

變量名稱1 = 變量名稱2 = 變量名稱... = 初始化值;

7.定義多個變量的同時給多個變量分別初始化

七、JavaScript變量注意點

1.注意點

1.在JavaScript中變量之間是可以相互賦值的

2.在JavaScript中如果定義了同名的變量, 那么后定義的變量會覆蓋先定義的變量

3.在老版本的標準的(ES6之前)JavaScript中可以先使用變量, 再定義變量, 并不會報錯

由于JavaScript是一門解釋型的語言, 會邊解析邊執行, 瀏覽器在解析JavaScript代碼之前還會進行一個操作"預解析(預處理)"

預解析(預處理)步驟:

將當前JavaScript代碼中所有變量的定義和函數的定義放到所有代碼的最前面

八、JavaScript中的let(ES6)

解決了第七點中的

2.在JavaScript中如果定義了同名的變量, 那么后定義的變量會覆蓋先定義的變量

3.在老版本的標準的(ES6之前)JavaScript中可以先使用變量, 再定義變量, 并不會報錯

總結

以上是生活随笔為你收集整理的添加javascript代码:_JavaScript（1）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。