一、嵌入dom
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
</head>
<body>
<p onclick="show()">雪浪红尘</p>
<script>
function show(){
console.log("江山如画");
}
</script>
</body>
</html>
控制台会输出 江山如画;
二、直接绑定
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
</head>
<body>
<p id="test">雪浪红尘</p>
<script>
document.getElementById('test').onclick = function(){
console.log("江山如画");
};
</script>
</body>
</html>
控制台输出结果与上一步一致;
三、addEventListener() 方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
</head>
<body>
<p id="test">雪浪红尘</p>
<script>
document.addEventListener("click",function(){
document.getElementById("test").innerHTML="江山如画";
})
</script>
</body>
</html>
执行结果:点击“雪浪红尘”字样后会自动变化为“江山如画”