html+JS學(xué)習(xí)筆記1

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ā)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末着饥,一起剝皮案震驚了整個(gè)濱河市犀农,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌宰掉,老刑警劉巖呵哨,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件孟害,死亡現(xiàn)場離奇詭異挨务,居然都是意外死亡玉组,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門谷誓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來捍歪,“玉大人,你說我怎么就攤上這事糙臼《魃蹋” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵揽乱,是天一觀的道長凰棉。 經(jīng)常有香客問我陌粹,道長,這世上最難降的妖魔是什么或舞? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任映凳,我火速辦了婚禮,結(jié)果婚禮上腐泻,老公的妹妹穿的比我還像新娘队询。我一直安慰自己构诚,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布送膳。 她就那樣靜靜地躺著叠聋,像睡著了一般受裹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上厦章,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天袜啃,我揣著相機(jī)與錄音,去河邊找鬼群发。 笑死发乔,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的滑蚯。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼坤次,長吁一口氣:“原來是場噩夢啊……” “哼斥赋!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起滑绒,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬榮一對情侶失蹤疑故,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后纵势,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體管钳,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年牛曹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了醇滥。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡焰手,死狀恐怖书妻,靈堂內(nèi)的尸體忽然破棺而出躬拢,到底是詐尸還是另有隱情,我是刑警寧澤聊闯,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布菱蔬,位于F島的核電站史侣,受9級(jí)特大地震影響魏身,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜箭昵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一家制、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧颤殴,春花似錦、人聲如沸哪亿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钝吮。三九已至,卻和暖如春奇瘦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背耳标。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來泰國打工次坡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人宋距。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓症脂,卻偏偏與公主長得像淫僻,于是被迫代替她去往敵國和親壶唤。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品细办,去做同樣的事情,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式蕾殴。簡單...
    舟漁行舟閱讀 7,723評(píng)論 2 17
  • 單例模式 適用場景:可能會(huì)在場景中使用到對象钓觉,但只有一個(gè)實(shí)例,加載時(shí)并不主動(dòng)創(chuàng)建瓤狐,需要時(shí)才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,056評(píng)論 1 10
  • 我們首先要明白础锐,我們給頁面添加效果用到的js到底是什么?js其實(shí)包含三部分:dom 文檔對象模型 bom 瀏覽...
    一直以來都很好閱讀 796評(píng)論 0 0
  • 清江細(xì)浪逐沙灘皆警, 白鷺雙飛入翠巒信姓。 日落梢頭漁叟唱, 悠然一曲見桅桿绸罗。 (平水韻)
    一葉知秋_52e6閱讀 646評(píng)論 1 6
  • 成熟是什么俊性? 成熟就是喜歡的東西依舊喜歡描扯,但可以不擁有定页; 成熟就是害怕的東西依舊害怕典徊,但可以面對; 成熟就是討厭的...
    嗚呼閱讀 702評(píng)論 2 16