javascript是一种可以直接在浏览器里运行的脚本语言,几乎所有的浏览器都有内置此编译器。
DOM:文件对象模型,是W3C组织推荐的处理可扩展标志语言的标准编程接口。
DOM是一个树结构的模型,每一个元素表示一个节点,相当于将HTML的文本标签实现了对象化,并通过树结构的模型表示了他们之间的从属关系,所以javascript可以通过DOM接口队文档的节点(标签)进行操作。
如下代码展示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS</title>
</head>
<body>
<script type="text/javascript">
function test(){
alert('hello world');
}
</script>
<button onclick="test()">弹出一个窗口</button>
</body>
</html>
在1处点击,就可以弹出2处的窗口。
分析:该文件通过一个script标签定义了一个javascript函数,使得其执行了一个弹出框的功能。
body种的按钮标签表示的是DOM模型中的一个节点,通过这个节点的单击事件去执行预先自定义的函数,因此就实现了单击按钮弹出对话框的功能。
因此,javascript是通过监听DOM预先定义好的事件,然后操作节点的各种属性来实现网页的各种动态效果。