wordpress仿站難嗎廣東互聯(lián)網(wǎng)網(wǎng)絡(luò)營銷推廣
文章目錄
- 1. JavaScript
- 2.HTML嵌入JS的第一種方式:行間事件
- 3.HTML嵌入JS的第二種方式:腳本塊的方式
- 4. HTML嵌入JS的第三種方式:外部式(外鏈?zhǔn)?
- 5. 局部變量和全局變量
- 6. 函數(shù)
- 7.事件
- 8.回調(diào)函數(shù)
- 8.1 注冊(cè)事件
- 8.2 代碼的執(zhí)行順序
1. JavaScript
JavaScript是一門腳本語言。(腳本通常以文本(如ASCII)保存,只在被調(diào)用時(shí)進(jìn)行解釋或編譯)
Java不是腳本語言,因?yàn)镴ava的目標(biāo)程序以class字節(jié)碼的形式存在。
2.HTML嵌入JS的第一種方式:行間事件
實(shí)現(xiàn)一個(gè)點(diǎn)擊按鈕,彈出消息框。
- JS是一門事件驅(qū)動(dòng)型語言,依靠事件去驅(qū)動(dòng),然后執(zhí)行相對(duì)應(yīng)的程序。
區(qū)別事件和事件句柄
事件:click
事件句柄(以HTML標(biāo)簽的屬性存在):onclick - onclick = "js代碼"執(zhí)行原理
頁面打開后,js代碼并不會(huì)立即執(zhí)行,而是將js代碼注冊(cè)到click事件上,當(dāng)按鈕發(fā)生click事件后,js代碼才會(huì)被瀏覽器執(zhí)行。 - JS彈出框消息
window是Js內(nèi)置的對(duì)象,瀏覽器對(duì)象,該對(duì)象有一個(gè)方法,alert(“消息”),可以彈出消息。 - JS可以使用雙引號(hào)或者單引號(hào)
- JS中的一條語句結(jié)束可以使用分號(hào)結(jié)束,也可以不用。
3.HTML嵌入JS的第二種方式:腳本塊的方式
通過標(biāo)簽<script></script>
可以將代碼塊放在任意的位置。但是放的位置不同,Js的被執(zhí)行的時(shí)機(jī)也可能不同。
4. HTML嵌入JS的第三種方式:外部式(外鏈?zhǔn)?
<script type="text/javascript" src="test.js"></script>
5. 局部變量和全局變量
局部變量:函數(shù)的形參是局部變量,使用var關(guān)鍵字在函數(shù)體中聲明的變量也是局部變量,函數(shù)執(zhí)行結(jié)束后,局部變量的內(nèi)存就釋放了。
全局變量:在函數(shù)體外聲明的變量屬于全局變量,另外不使用var關(guān)鍵字聲明的變量無論在什么位置都是全局變量,全局變量在瀏覽器關(guān)閉時(shí)銷毀。
6. 函數(shù)
第一種方式:
function 函數(shù)名(形式參數(shù)列表) {函數(shù)體;
}
第二種方式:
函數(shù)名 = function (形式參數(shù)列表) {函數(shù)體;
}
7.事件
https://www.runoob.com/jsref/dom-obj-event.html
8.回調(diào)函數(shù)
8.1 注冊(cè)事件
(1)直接在標(biāo)簽中使用事件句柄
<input type="button" value="hello" onclick="sayHello()"/>
sayHello函數(shù)注冊(cè)到按鈕上,等待click事件發(fā)生之后,該函數(shù)被瀏覽器調(diào)用,所以該函數(shù)也沒稱為回調(diào)函數(shù)。
(回調(diào)函數(shù):自己將函數(shù)寫出來,但是這個(gè)函數(shù)不被自己調(diào)用,等待他人調(diào)用)
(2)使用存代碼完成注冊(cè)
<input type="button" value="hello" id="mybtn"/>
<script type="text/javascript">function dosome() {alert("do some");}var btnObj = document.getElementById("mybtn");btnObj.onclick = dosome;
</script>
(3)
<input type="button" value="hello" id="mybtn"/>
<script type="text/javascript">var btnObj = document.getElementById("mybtn");btnObj.onclick = function() { //匿名函數(shù)alert("do some");};
</script>