函數(shù)只定義不調(diào)用不會(huì)執(zhí)行, js里函數(shù)名只要加了括號(hào),馬上就會(huì)執(zhí)行。
function show(可以定義參數(shù)){ //定義參數(shù)
alert(一個(gè)參數(shù)); //接收參數(shù)
}
show(1,2,3); //傳遞參數(shù)
傳參function show(a,c,b){ //形參 show(12,5); //實(shí)參
alert(ac);
}
function show(){
}
show()//有名字的函數(shù)
匿名函數(shù)(事件函數(shù))
oBtn.onclick=function(){
show();
}
定義函數(shù)寫參數(shù)只是為了占位
參數(shù)是根據(jù)需求來(lái)定
什么時(shí)候用這個(gè)參數(shù)?函數(shù)里面有可變的值
參數(shù)是一一對(duì)應(yīng)的;參數(shù)就相當(dāng)于是一個(gè)變量;多個(gè)參數(shù)之間用逗號(hào)隔開(kāi);
操作屬性的兩種方法: .點(diǎn) 和 []方括號(hào)
. 不能操作變量,操作系統(tǒng)原有的屬性;
操作變量使用[];
.點(diǎn)能做的事情,方括號(hào)也可以做;[]能做的,.不一定能做。
方括號(hào)里的變量不加引號(hào); eg:this.style[attr]
關(guān)于復(fù)合樣式:第二個(gè)單詞的首字母大寫,js里是駝峰的;
eg:marginLeft backgroundColor marginRight
事件調(diào)用函數(shù),函數(shù)名不加括號(hào);oBtn.onclick = show;
什么時(shí)候使用參數(shù):當(dāng)不確定的時(shí)候才使用參數(shù);
變量和字符串
var a = 12;alert(a); var a = '12';alert(a);
區(qū)別:變量沒(méi)有單引號(hào) 字符串有單引號(hào)
注釋
單行注釋 :// ctrl+/; 多行注釋 :ctrl+shift+/
/
//code;
*/
行為js 結(jié)構(gòu)html 表現(xiàn) css 三者分離
window.onload:頁(yè)面加載完成后在執(zhí)行;
關(guān)于a: <a href="javascript:;"></a>
錨點(diǎn): <a href="#4F">去4樓</a>
<p id="4F"></p>
length: 長(zhǎng)度,個(gè)數(shù); JS計(jì)數(shù)從0開(kāi)始;
aDiv[number]:下標(biāo)的意思;代表具體第幾個(gè);
通過(guò)tagname獲取一組元素:document.getElementsByTagName(tagname):動(dòng)態(tài)方法
不論實(shí)際是幾個(gè)元素,返回的是一組[多個(gè)];即數(shù)組
通過(guò)tagname獲取的元素要配合下標(biāo)使用;
什么是下標(biāo):[],一組里面的某一個(gè);
this:當(dāng)前發(fā)生事件的元素;
innerHTML:元素的內(nèi)容,不但可以獲取,也可以賦值;
獲?。篴lert(this.innerHTML);
賦值:aDiv[0].innerHTML='<em>123456789</em>';
for(1var i = 0; 2i < 6;4 i++){//1:初始條件;2:判斷條件;3:語(yǔ)句; 4:自增
3 alert(i);}
i++;即i = i + 1;
i值的問(wèn)題: 循環(huán)里面加事件,事件里面取不到i的值;循環(huán)比事件快;
也就是說(shuō),循環(huán)完了才發(fā)生事件
for(var i = 0; i < aDiv.length; i++){
aDiv[i].onclick = function(){ //循環(huán)里用aDiv[i],有數(shù)組就有下標(biāo)
this.style.background = ‘red’; //不能寫成aDiv[i].style.background = ‘red’;
} //假如aDiv里面4個(gè)元素,aDiv[i]變成了aDiv[5]
} 即循環(huán)結(jié)構(gòu)完成后才進(jìn)入事件
var i = 0; //初始條件;
while(條件){
語(yǔ)句;
i++;
}
var i = 0;
while(i < aDiv.length){
aDiv[i].onclick = function(){
this.style.background = 'green';
};
i++;
}
***先初始化;有數(shù)組就有下標(biāo);循環(huán)里面有事件那么元素用this;i ++一定是放while循環(huán)里面
什么時(shí)候用循環(huán):操作多個(gè)的時(shí)候,只要操作一組元素就要用循環(huán)
選項(xiàng)卡核心:清空所有,添加當(dāng)前
自定義屬性:低版本瀏覽器可以取到值,高版本的undefined;
高版本瀏覽器加載的過(guò)程:
1.加載html屬性,標(biāo)簽;
2.過(guò)濾自定義的屬性和標(biāo)簽;
3.加載JS;(在js里定義屬性是可以的)
js基礎(chǔ)之二:函數(shù)定義調(diào)用,操作屬性,循環(huán)
最后編輯于 :
?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- Lua 5.1 參考手冊(cè) by Roberto Ierusalimschy, Luiz Henrique de F...
- HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁(yè)的形式展示給用戶的,因此網(wǎng)頁(yè)是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁(yè)文件是用...
- CentOS7的yum源中默認(rèn)好像是沒(méi)有mysql的。我們要先下載mysql的repo源。 下載mysql的rep...