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è)用法酵使?_百度知道