HTML事件
期一般模式为事件=javascript。其中右侧的javascript可以分为两种，一种是直接的简单的javascript代码。另一种是调用一个函数。
右侧为简单的js代码
<!DOCTYPE html>
<html>
<body>
<h1 onclick="this.innerHTML='Thanks'">点击标题改变内容</h1>
</body>
</html>
如上。左侧为onclick事件，右侧为js修改元素属性的简单代码。（"this.innerHTML='Thanks'"）
右侧为函数调用
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(con){
con.innerHTML="thanks";
}
</script>
</head>
<body>
<h1 onclick="myFunction(this)">点击改变文字</h1>
</body>
</html>
如上右侧为对myFunction函数的调用。
- 注意被调用的函数要加双引号。
- 原函数形参con在调用时实参this指的是h1.
- 方法二比较好，因为提倡js和html的分离。
参考
HTML 事件属性
JavaScript HTML DOM 事件
HTML DOM innerHTML 属性
javascript中的innerHTML是什么意思，怎么个用法？_百度知道
