今天学习了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中,亦或是可以放在外部文件中。这个标签的位置是可以随意安排的。