二、JavaScript简单范例一_跨媒体信息传播原理与技术-QQ阅读男生武侠网

上QQ阅读APP看本书，新人免费读10天

设备和账号都新为新人

二、JavaScript简单范例一

为了让大家简单地了解JavaScript，在这里写了一段简单的JavaScript程序来体验它的奥妙。

<! doctype html>
<html>
<head>
<meta charset="utf-8">
<title>javascript范例</title>
<script type="text/javascript">
function a(){
    alert("你点我了！");
}
</script>
</head>
<body>
<div style="width:100px; height:100px; background:#00F; "onclick="a()"></div>
</body>
</html>

这就是一段包含javascript程序的例子。在文件头（head）中有一段javascript程序，程序框在<script type="text/javascript">与</script>之间。程序用function自定义了一个函数“a（）”。

{}中间就是这个函数要执行的程序。

这个程序很简单，只有一句话：

alert（"你点我了！"）;

alert（"……"）是一个系统定义好的函数，就是弹出一个警告框，""中间的是警告框里的内容。

这个程序编好后，在什么时候会执行这个程序呢？

当然是要人点击那个蓝色的方框的时候才去执行。

body中的：

就是在网页上画了一个蓝色的100px的方块。

加一个onclick="a（）"，让它实现当鼠标点击它的时候，去执行a（）程序，弹出那个警告框。

除onclick这个鼠标点击的事件以外，还有ondbclick（双击）、onmouseover（鼠标移到方块上面）等动作。你可以把onclick换成ondbclick或onmouseover试试。