1,一个完整的JavaScript实现是由以下3个不同部分组成的:核心(ECMScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)
2,凡是对JavaScript脚本语言有一些了解的同学应该都会有这样的一个想法:脚本语言和编程语言很多地方都很类似,比如:其函数与编程语言比较类似 Function 函数名();JavaScript脚本语言也涉及到变量,与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些。
脚本语言有JavaScript、VBScript等;编程语言有VB、C#、java等。
通过对比JavaSCript与Java,来了解脚本语言与编程语言的区别:
——(1),JavaScript是基于对象的,Java是面向对象的;
(2),JavaScript是在浏览器中运行的,Java是在操作系统上运行的(JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。)
(3),Java比JavaScript要强大的多
3,DOM的作用?
上篇博客也介绍了DOM以及HTML DOM的作用
下面的简短叙述,会让大家更加清楚JavaScript+DOM在web开发中的作用及应用:
(1)DOM是HTML页面的模型,他将HTML页面的每一个标签都视为一个对象,JavaScript通过调用DOM中的属性、方法、事件对HTMl页面中的元素操作
(2)JavaScript与DOM就像C#与.net formework
(3)DOM跟winform一样通过属性、方法、事件进行编程
4,通过一个超简单例子来体会JavaScript是如何与DOM配合来完成对HTML页面的操作的。
例子:取消默认操作
<html>
<head><title>取消默认动作</title></head>
<body>
<h1>取消默认动作</h1><p>
请点击 <a id="mylink" href="http://www.javascriptref.com">此链接</a>.
<script type="text/javascript">
<!--
// 仅用于 DOM 2 浏览器, IE6 不支持
function killClicks(event) //函数:取消事件
{
event.preventDefault();
}
//取消鼠标事件的默认动作
document.addEventListener("click", killClicks, true);
//通过一个函数,弹出对话框,以验证事件的行为
document.getElementById("mylink").onclick =
function() {alert("超级链接 上 发生 鼠标 单击事件");}
// -->
</script>
</body>
</html>
在firefox中的运行结果如下:
点击“此链接”,弹出“超链接 上 发生 鼠标 单击事件”提示框: