【js的作用】
《欣賞js》
Js作用有如下幾條:
1.制作網(wǎng)頁中的功能杭措;
?2.制作網(wǎng)頁中的動畫;
?3.制作網(wǎng)頁中的交互敛惊;
?4.對前端數(shù)據(jù)進(jìn)行驗證仆嗦;
?5.總結(jié):控制web標(biāo)準(zhǔn)的前兩者結(jié)構(gòu)和樣式***
【體驗js】
簡介:我們可以簡而言之說js就是制作網(wǎng)頁中的某些功能的厌均。所以功能這個東西在js語言當(dāng)中格外重要扑毡,那么js里面有大量的內(nèi)置功能。這些功能有一個專業(yè)的稱呼;
《函數(shù)》
定義:函數(shù)就是一個功能,功能就是函數(shù)惧眠。
《函數(shù)的基本結(jié)構(gòu)》
Js里面有大量的功能這些功能都是通過函數(shù)的形式來使用的。
fn() 其中 fn表示函數(shù)名稱于个,小括號表示執(zhí)行符號氛魁,就是馬上執(zhí)行這個功能的意思。
《js的內(nèi)置函數(shù)》
首先所有的js都需要寫在一對script標(biāo)簽里面。它的作用和style相同秀存;相當(dāng)于建立一個js書寫環(huán)境捶码。
alert() 表示彈出警示框功能;
prompt(參數(shù)1或链,參數(shù)2) 整體表示彈出提示框功能惫恼;
參數(shù)1:彈出給用戶看的文本值;
參數(shù)2:表示舉例文本澳盐。 ? (注意:函數(shù)的參數(shù)是不能顛倒順序的因為代表的意義不同)
【感受js的作用】***
《對象》
Js中有一個專業(yè)術(shù)語就叫做對象祈纯,
定義:對象就是一個功能組;由于js中內(nèi)置了大量的功能這些功能有的編組了洞就,有的沒有編組盆繁。沒有編組的功能可以直接使用掀淘,編組了的功能需要通過對象來使用旬蟋。
簡單的說對象就是一個功能組。
《文檔對象》
document 文檔對象在js中的關(guān)鍵詞,它的內(nèi)部有大量的專門用來處理html文檔的功能函數(shù)革娄;
《搜索功能》
document.getElementById(); 搜索功能倾贰,通過id搜索元素。
【JS如何控制CSS】
簡介:首先js將它想要控制的標(biāo)簽搜索到以后就可以通過屬性來控制任何標(biāo)簽拦惋。
所有控制css的樣式都通過style屬性匆浙。
《聲明變量》
什么是變量?
定義:變量就是一個容器可以儲存任何類型的數(shù)據(jù)厕妖。
《聲明變量的基本結(jié)構(gòu)》
Var conname=’v’; ?其中var 表示創(chuàng)建變量的關(guān)鍵詞首尼; con表示變量名稱(自定義的);
變量有一個特性:它存了什么這個變量就是什么。
【JS控制HTML】
簡介:html實際就是指的標(biāo)簽內(nèi)部的內(nèi)容言秸,這部分都可以人為是html的部分软能。控制html在js中是通過innerHTML屬性來實現(xiàn)举畸。
innerHTML 作用修改制定標(biāo)簽內(nèi)部的數(shù)據(jù)查排;可以接受任何標(biāo)簽。
【js的書寫步驟】***
簡介:剛一開始學(xué)習(xí)js我們對先寫什么后寫什么沒有概念所以說我們需要一個明確的步驟來指引我們書寫js抄沮;
基本上所有的js案例書寫流程都可以分為兩大類跋核,第一類是取數(shù)據(jù),第二類是修改數(shù)據(jù)叛买;
取數(shù)據(jù)相當(dāng)于聲明變量去保存砂代;修改數(shù)據(jù)相當(dāng)于控制html或css的過程。
【事件】
《什么是事件》
定義:事件就是當(dāng)什么時候執(zhí)行什么事率挣。
Js這門語言又號稱由事件推動的語言刻伊。也就是說這門語言中的很多東西都是圍繞著事件展開的。 不同的事件實際上只是事件類型不同。
《事件的基本結(jié)構(gòu)》
事件源+事件類型=執(zhí)行的指令娃圆;
事件源:可以是任何的標(biāo)簽玫锋,不一定非得是btn。
事件類型:發(fā)生的條件讼呢。 (Js中所有的事件都以on開頭)
執(zhí)行的指令:當(dāng)事件被觸發(fā)了以后執(zhí)行的所有命令;
function(){} 這種寫法在js中就代表一個標(biāo)準(zhǔn)的指令定義悦屏;所有要執(zhí)行的指令寫在大括號內(nèi)。
《事件的工作原理》
簡介:事件就是當(dāng)什么時候執(zhí)行什么事础爬,但是事件是如何知道這個時刻發(fā)生了?事件這個東西有一個作用就是捕獲用戶的操作行為看蚜。
不同的事件類型:
Onclick表示單擊事件叫搁;
Ondblclick 雙擊事件;(注意:網(wǎng)頁制作中極少用雙擊)
Onmouseover 鼠標(biāo)移上事件供炎;
Onmouseout 鼠標(biāo)離開;
總結(jié):現(xiàn)在我們已經(jīng)學(xué)會了用js干哪些事情音诫。 用js我們已經(jīng)可以控制所有的css,可以控制所有的html竭钝,還可以給任何標(biāo)簽綁定事件梨撞。
《小知識點》
Css中padding是不認(rèn)auto的,因為內(nèi)邊距不涉及到撐滿的問題香罐。
還有在給js中的屬性復(fù)制的時候不要帶css中的分號卧波;