JavaScript(2-JS的引入、變量、操作符、鼠標(biāo)動(dòng)作)

  1. 有兩種方式將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");
  1. 變量
    變量名只能使用字母、數(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ù)字型、邏輯型等,目前暫不涉及。

  1. 操作符
    數(shù)字間操作符:
    加減乘除(+-/),求余:%,自增:++,自減:--。
    組合操作符:+=,-=,
    =,/=,
    字符間操作符:
    +:連接字符串,
  2. 鼠標(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)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • JS基礎(chǔ) 頁(yè)面由三部分組成:html:超文本標(biāo)記語(yǔ)言,負(fù)責(zé)頁(yè)面結(jié)構(gòu)css:層疊樣式表,負(fù)責(zé)頁(yè)面樣式j(luò)s:輕量級(jí)的腳...
    小賢筆記閱讀 673評(píng)論 0 5
  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會(huì)使用HT...
    凜0_0閱讀 2,903評(píng)論 0 8
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,799評(píng)論 0 3
  • JavaScript是什么? JS是一種小型的、輕量級(jí)的、面向?qū)ο蟮?、跨平臺(tái)的客戶端腳本語(yǔ)言。JS是嵌入到瀏覽器軟...
    鉤不了沉閱讀 2,036評(píng)論 0 6
  • 第1章 認(rèn)識(shí)JS JavaScript能做什么?1.增強(qiáng)頁(yè)面動(dòng)態(tài)效果(如:下拉菜單、圖片輪播、信息滾動(dòng)等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,493評(píng)論 0 5

友情鏈接更多精彩內(nèi)容