- 有兩種方式將js代碼引入html文檔。
- 通過(guò)script標(biāo)簽直接將JS語(yǔ)句嵌入html
如:
<script>
document.write("<p>hello, JS</p>");
</script>
- 通過(guò)外鏈js文件
通常將外鏈文件放在</body>前。
<body>
<p id="demo"></p>
<script src="js.js"></script>
</body>
js.js:
document.getElementById("demo").innerHTML=("Hello,JS");
- 變量
變量名只能使用字母、數(shù)字、美元符號(hào)$和下劃線_。并且區(qū)分大小寫(xiě)。
約定:使用駝峰寫(xiě)法,首字母小寫(xiě)代表名字類型。
如:變量名,v;函數(shù)名,f;
JavaScript不需要聲明變量名,如果習(xí)慣聲明變量名可以用var。如:
<script>
<!--直接賦值-->
vNum=5;
<!--先聲明再賦值-->
var vNum;
vNum=5;
<!--合并聲明和賦值-->
var vNum=5;
</script>
變量可以有多種類型,如字符型、數(shù)字型、邏輯型等,目前暫不涉及。
- 操作符
數(shù)字間操作符:
加減乘除(+-/),求余:%,自增:++,自減:--。
組合操作符:+=,-=,=,/=,
字符間操作符:
+:連接字符串, - 鼠標(biāo)動(dòng)作
本章學(xué)習(xí)三個(gè):onClick,onMouseOver,onMouseOut。
onClick幾乎可以應(yīng)用于任何可見(jiàn)的html元素,實(shí)現(xiàn)方式是為元素添加屬性,如:
<input type="button" onclick="alert('還真點(diǎn)啊')" value="點(diǎn)擊試試" />
onMouseOver和onMouseOut用于檢測(cè)鼠標(biāo)指針與特定頁(yè)面的關(guān)系。當(dāng)鼠標(biāo)進(jìn)入某個(gè)元素所占區(qū)域時(shí),會(huì)觸發(fā)onMouseOver事件,當(dāng)鼠標(biāo)離開(kāi)某個(gè)元素所占區(qū)域時(shí),會(huì)觸發(fā)onMouseOut事件。
<input type="button" onMouseOver="alert('停在了按鈕上')" value="放在上面試試" />
<input type="button" onMouseOut="alert('離開(kāi)了按鈕')" value="放上后離開(kāi)試試" />
要注意,雙引號(hào)內(nèi)需要用引號(hào)時(shí),里面的需要換成單引號(hào)。