HTML事件

HTML事件

期一般模式為事件=javascript。其中右側(cè)的javascript可以分為兩種避除,一種是直接的簡(jiǎn)單的javascript代碼怎披。另一種是調(diào)用一個(gè)函數(shù)。

右側(cè)為簡(jiǎn)單的js代碼

<!DOCTYPE html>
<html>
<body>

<h1 onclick="this.innerHTML='Thanks'">點(diǎn)擊標(biāo)題改變內(nèi)容</h1>

</body>
</html>

如上瓶摆。左側(cè)為onclick事件凉逛,右側(cè)為js修改元素屬性的簡(jiǎn)單代碼。("this.innerHTML='Thanks'")

右側(cè)為函數(shù)調(diào)用

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(con){
    con.innerHTML="thanks";
    
}

</script>
</head>
<body>
<h1 onclick="myFunction(this)">點(diǎn)擊改變文字</h1>
</body>
</html>

如上右側(cè)為對(duì)myFunction函數(shù)的調(diào)用群井。

  • 注意被調(diào)用的函數(shù)要加雙引號(hào)状飞。
  • 原函數(shù)形參con在調(diào)用時(shí)實(shí)參this指的是h1.
  • 方法二比較好,因?yàn)樘岢玧s和html的分離。

參考

HTML 事件屬性
JavaScript HTML DOM 事件
HTML DOM innerHTML 屬性
javascript中的innerHTML是什么意思诬辈,怎么個(gè)用法酵使?_百度知道

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市自晰,隨后出現(xiàn)的幾起案子凝化,更是在濱河造成了極大的恐慌稍坯,老刑警劉巖酬荞,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異瞧哟,居然都是意外死亡混巧,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門勤揩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咧党,“玉大人,你說我怎么就攤上這事陨亡“猓” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵负蠕,是天一觀的道長(zhǎng)蛙埂。 經(jīng)常有香客問我,道長(zhǎng)遮糖,這世上最難降的妖魔是什么绣的? 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮欲账,結(jié)果婚禮上屡江,老公的妹妹穿的比我還像新娘。我一直安慰自己赛不,他們只是感情好惩嘉,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著踢故,像睡著了一般文黎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上畴椰,一...
    開封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天臊诊,我揣著相機(jī)與錄音,去河邊找鬼斜脂。 笑死抓艳,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的帚戳。 我是一名探鬼主播玷或,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼儡首,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了偏友?” 一聲冷哼從身側(cè)響起蔬胯,我...
    開封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎位他,沒想到半個(gè)月后氛濒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鹅髓,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年舞竿,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片窿冯。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡骗奖,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出醒串,到底是詐尸還是另有隱情执桌,我是刑警寧澤,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布芜赌,位于F島的核電站仰挣,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏较鼓。R本人自食惡果不足惜椎木,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望博烂。 院中可真熱鬧香椎,春花似錦、人聲如沸禽篱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽躺率。三九已至玛界,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間悼吱,已是汗流浹背慎框。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留后添,地道東北人笨枯。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親馅精。 傳聞我的和親對(duì)象是個(gè)殘疾皇子严嗜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

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

  • HTML DOM 使 JavaScript 有能力對(duì) HTML 事件做出反應(yīng)。如下的代碼: 點(diǎn)擊文本洲敢,文字會(huì)變...
    路墨閱讀 369評(píng)論 0 2
  • javascript的4種數(shù)據(jù)輸出方式 使用 window.alert() 彈出警告框刨秆。使用 document.w...
    jlnbda3488375閱讀 1,424評(píng)論 0 1
  • 1.DOM0級(jí)事件處理程序 1.1綁定事件凳谦,采用onclick的方式忆畅,例如下,其事件處理程序里的this則指向當(dāng)前...
    廢廢_汪先森_閱讀 162評(píng)論 0 0
  • 五十三:請(qǐng)解釋 JavaScript 中 this 是如何工作的尸执。1.方法調(diào)用模式當(dāng)一個(gè)函數(shù)被保存為一個(gè)對(duì)象的屬性...
    Arno_z閱讀 568評(píng)論 0 2
  • 時(shí)光匆匆如失,倏忽之際绊诲,已是2016的尾巴。我不知道該如何去告別褪贵,正如我不知道該如何迎接2017是一樣的掂之。不知從何時(shí)起...
    梅子留酸閱讀 736評(píng)論 0 51