☆函數(shù)(function)
函數(shù):函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊版保。
function name(arguments){
statements;
}
函數(shù)的聲明:函數(shù)使用跟變量一樣,需要 聲明
自定義函數(shù):
函數(shù)直接量聲明:
變量聲明提升(面試易考點(diǎn))
什么是變量提升?在函數(shù)體內(nèi)部县袱,聲明變量啦膜,會(huì)把該聲明提升到函數(shù)體的最頂端晤斩。 只提升變量聲明,不賦值番挺。
如下:
案例:
經(jīng)典面試題1:
經(jīng)典面試題2:
函數(shù)參數(shù)
【案例】:
*形參類似于變量來理解,所以形參同變量一樣吗浩,是不加引號(hào)“”的建芙;而實(shí)參則必須加引號(hào)!
形參的目的是為了接受實(shí)參
arguments是存儲(chǔ)了函數(shù)傳送過過來實(shí)參
Javascript在創(chuàng)建函數(shù)的同時(shí)懂扼,會(huì)在函數(shù)內(nèi)部創(chuàng)建一個(gè)arguments對(duì)象實(shí)例.
arguments對(duì)象只有函數(shù)開始時(shí)才可用禁荸。函數(shù)的 arguments 對(duì)象并不是一個(gè)數(shù)組,訪問單個(gè)參數(shù)的方式與訪問數(shù)組元素的方式相同
arguments對(duì)象的長度是由實(shí)參個(gè)數(shù)而不是形參個(gè)數(shù)決定的
形參阀湿、實(shí)參的練習(xí)1:
形參實(shí)參案例練習(xí)1源碼:
【案例】參數(shù)的傳遞的練習(xí)案例:(建議練熟赶熟,至少敲5遍!)
案例中小圖是70px*70px;大圖是360px*360px(素材獲取見本文末)
HTML部分:
CSS部分源碼:
JS部分源碼:
返回值 return
定義:
一個(gè)函數(shù)實(shí)際上就是一個(gè)計(jì)算過程映砖,計(jì)算完成之后的結(jié)果就是返回值。
定義函數(shù)的返回值:
在函數(shù)內(nèi)部用return來設(shè)置返回值灾挨,一個(gè)函數(shù)只能有一個(gè)返回值邑退。
同時(shí),終止代碼的執(zhí)行劳澄。
所有的自定義函數(shù)默認(rèn)沒有返回值地技;
Return后面不要換行
▲案例代碼:
算式運(yùn)算符
+ - * ?/ ?% ?^
A++ ? ?++后置每次自加1 ? ? ?先運(yùn)算后自加;
++a ? ? ++前置每次自加1 ? ? ? 先自加后運(yùn)算;
案例:
答案是77.
解答:
第2行為11;第3行為12秒拔;第4行為13+21+30+13=77
* 第4行中c++為30的原因:
這是后置++莫矗,也就是該行語句(4)執(zhí)行完后才會(huì)執(zhí)行c+=1這條語句
對(duì)應(yīng)的前置++也就是在該語句之前(3執(zhí)行完后),執(zhí)行c+=1
☆語句
條件語句(if)☆
If(條件表達(dá)式){語句;}
If() {}else {}
If()else if(){}else if(){} else {}
案例:點(diǎn)擊查詢是否中獎(jiǎng)砂缩。
【案例】:點(diǎn)擊輸入文字“請(qǐng)輸入內(nèi)容”消失作谚,刪除文字后又出現(xiàn)。
HTML部分:
CSS部分:
JS部分:
案例中涉及的知識(shí)點(diǎn)庵芭,onfocus,onblur事件:
獲得焦點(diǎn):onfocus
失去焦點(diǎn):onblur
【案例】簡單驗(yàn)證表單
HTML:
CSS:
JS:
案例涉及知識(shí)點(diǎn):
·this(自己的)
指的是本身妹懒;This主要是指事件的調(diào)用者。
·className類名
$("result").className="wrong";
·innerHTML?更換盒子里面的內(nèi)容双吆,文字標(biāo)簽都換.
·表單更換內(nèi)容?Input.value
isNaN ? ?nan不是一個(gè)數(shù)字 ? ? ?is是 ? ?是 ? 不是一個(gè)數(shù)字
isNaN(“12”)如果里面的不是個(gè)數(shù)字 ?返回true ?否則 ? 返回false
·方法和屬性:
方法和屬性的區(qū)別:
·方法一律帶有小括號(hào)彬伦。?Iphone.tel();
方法給值:isNaN(“值”);
·屬性給值一定是等號(hào)。Iphone.color = “red”;
表單自動(dòng)獲得焦點(diǎn):
Txt.focus();方法
Onfocus事件
鼠標(biāo)經(jīng)過選擇表單:
方法select()選擇功能
for循環(huán)
For(var i = 0; i<100;i++) {? }? 遍歷
For(;;){ }? ? 死循環(huán)
案例“金字塔”如圖
源碼:
·getElementsByTagName()? 獲取某類標(biāo)簽
getElementById()?id元素 ? 一個(gè)
getElementsByTagName();很多個(gè) ?所以是復(fù)數(shù)很多個(gè)
**以上案例所涉及圖片素材獲取方式:
百度網(wǎng)盤鏈接:http://pan.baidu.com/s/1dFcDuhF 密碼:itbs
有任何疑問請(qǐng)?jiān)谠u(píng)論區(qū)留言伊诵,咱們一起探討與進(jìn)步吧!