JavaScript+DOM

1,一个完整的JavaScript实现是由以下3个不同部分组成的:核心(ECMScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM

2,凡是对JavaScript脚本语言有一些了解的同学应该都会有这样的一个想法:脚本语言和编程语言很多地方都很类似,比如:其函数与编程语言比较类似 Function 函数名()JavaScript脚本语言也涉及到变量,与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些。

 

脚本语言有JavaScriptVBScript等;编程语言有VBC#java等。

 

通过对比JavaSCriptJava,来了解脚本语言与编程语言的区别:

——(1),JavaScript是基于对象的,Java是面向对象的;

2JavaScript是在浏览器中运行的,Java是在操作系统上运行的(JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。

3JavaJavaScript要强大的多

 

3DOM的作用?

上篇博客也介绍了DOM以及HTML DOM的作用

初识HTML DOM

下面的简短叙述,会让大家更加清楚JavaScript+DOMweb开发中的作用及应用:

 

1DOMHTML页面的模型,他将HTML页面的每一个标签都视为一个对象,JavaScript通过调用DOM中的属性、方法、事件对HTMl页面中的元素操作

2JavaScriptDOM就像C#.net formework

(3)DOMwinform一样通过属性、方法、事件进行编程

 

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中的运行结果如下:

点击“此链接”,弹出“超链接 上 发生 鼠标 单击事件”提示框:

 

 

 

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值