HTML的主要功能是告訴瀏覽器浪默,如何去顯示一些內(nèi)容
CSS主要功能是改變HTML元素的樣式
JavaScript用來控制行為信峻,可以在HTML里做動(dòng)畫砌庄,可以發(fā)數(shù)據(jù)給服務(wù)器封拧,還可以做APP渔扎。
1硫狞、alert('hello world!');? 這個(gè)語句就是在瀏覽器中彈出Hello World!
還可以進(jìn)行計(jì)算。alert('1+1');
2晃痴、變量:有時(shí)候我們需要將信息存儲(chǔ)在一個(gè)地方時(shí)残吩,就需要使用它倘核。先聲明泣侮,再賦值紧唱。
字符串:它是用來存儲(chǔ)字符信息的,它的使用和變量是一樣的漏益,也同樣需要先聲明后賦值。同時(shí)绰疤,字符串是可以用+聯(lián)接的铜犬。
3、實(shí)際操作中,通過DOM(Document Object Model) — 文檔對象模型翎苫,來控制網(wǎng)頁做我們想做的事情权埠,它能使HTML和JavaScript緊密的結(jié)合在一起榨了。也叫做DOM樹煎谍。每個(gè)標(biāo)簽可以看成一個(gè)對象組成了這個(gè)模型,每一個(gè)HTML元素都可以被定位龙屉,則在找到元素之后我們就可以改變元素啦呐粘,可以做出動(dòng)態(tài)效果。查找元素需要根據(jù)元素的id(也就是編號(hào))转捕,這個(gè)id是唯一的作岖,不可重復(fù)設(shè)置,像身份證號(hào)一樣五芝。
4痘儡、獲取p1的內(nèi)容并顯示:
var p1=document.getElementById('p1');
var p2=document.getElementById('p2');
var t = p1.innerHTML;
alert(t);
5、innerHTML在JS是雙向功能:獲取對象的內(nèi)容? 或? 向?qū)ο蟛迦雰?nèi)容枢步;
如:<div id='aa'>這是內(nèi)容</div>
?我們可以通過 var p1 =? document.getElementById('aa').innerHTML 來獲取id為aa的對象的內(nèi)嵌內(nèi)容沉删;
也可以對某對象插入內(nèi)容,如? document.getElementById('abc').innerHTML='這是被插入的內(nèi)容';? 這樣就能向id為abc的對象插入內(nèi)容醉途。
6矾瑰、函數(shù):首先要定義函數(shù):function name(){ }? // name是你要給函數(shù)起的名字,在{ }中寫上功能代碼隘擎,一切就緒后殴穴,我們調(diào)用這個(gè)函數(shù):name();?? 。
7货葬、在JS中采幌,有些情況需要我們進(jìn)行監(jiān)聽的,例如:按鈕點(diǎn)擊震桶、鍵盤輸入休傍、網(wǎng)絡(luò)請求等。在監(jiān)聽到這些事件后尼夺,我們可以通過JavaScript定位元素尊残,每一個(gè)HTML元素都有相應(yīng)的事件。當(dāng)一個(gè)元素上的特定事件發(fā)生時(shí)淤堵,一個(gè)函數(shù)將會(huì)被調(diào)用寝衫,語法是這個(gè)樣子的:element.onevent=function;拐邪。
實(shí)例:
b1.onclick = bclick;? //(bclick是一個(gè)函數(shù)調(diào)用) 慰毅。類似的事件還有很多,例如onmouseover(鼠標(biāo)移動(dòng)到元素)扎阶、onmouseup(鼠標(biāo)按鍵被松開)汹胃,可以用onmouseover代替onclick婶芭,是當(dāng)鼠標(biāo)移到button上時(shí)觸發(fā)。