今天学习了JavaScript,对于网页的简单动态效果的编辑,今天的内容主要是窗口的弹出,鼠标经过、点击的时间的执行。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style>
/* css代码 */
</style>
<script>
// js javascript
// alert("暴风雪");
onclick 鼠标点击
鼠标经过
鼠标划出
onkeydown 键盘按下
onkeyup 松开键盘
onchange html的内容改变
</script>
</head>
<body>
//鼠标点击push弹出“暴风雪”弹窗。动态命令可以配合div或是input使用,后接的alert属性中的内容,加单引号或双引号和括号。
<div onclick="alert('暴风雪')">
push
</div>
<br>
<input type="submit" name="点">
<br><br>
<script>
function a(){
// 弹出层
// alert("哇偶")
// 直接输出内容到页面上
// document.write("<h1>下雪了</h1>")
// 命令行输出
console.log("很冷")
}
</script>
<div type="submit" onclick="a()">呵呵</div>
<div id="first">
How are you !
</div>
<script>
function b(){
// 改变页面的内容
document.getElementById("first").innerHTML="hello"
}
</script>
</body>
</html>
script标签和style标签有些不同,它除了可以放在head中,也可以放在body中,亦或是可以放在外部文件中。这个标签的位置是可以随意安排的。