JS的开发步骤:
1. 确定事件 点击事件
2. 通常事件都会出发一个函数
3. 函数里面通常都会去操作页面元素,做一些交互动作
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>02JS入门案例</title>
<script>
function dian(){
alert("我被点击了");
}
</script>
</head>
<body>
<input type="button" value="弹框" onclick="dian()" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>03JS入门案例</title>
<script>
function dianwo(){
//alert("我被点击了");
//1.首先要获得这个div
var div = document.getElementById("div1");
//注:innerHTML与innerText的区别
div.innerHTML = "<font color='red'>内容被替换掉了</font>";
// div.innerText = "<font color='red'>内容被替换掉了</font>";
}
</script>
</head>
<body>
<input type="button" value="点我,修改DIV中的内容" onclick="dianwo()" />
<div id="div1">
这里的内容一会要被替换掉
</div>
</body>
</html>