动态HTML教程 - 第三天
Taylor 1998.3.9
 

第一页:动态HTML教程第三天

今天我们将开始学习动态HTML最精彩的部分:动态HTML
编程。HTM之所以成功的原因之一在于它提供了在互联网上
展现网页的统一方式。一旦你标识了一个网页,它在任何地
方都可以看到。Javascript也是如此。及时它的版本会有很
多种,但它的核心和语法是统一的,它在支持Javascript的
所有浏览器中都可以应用。CSS也具有统一的语法。在所有
的浏览器中它的显示结果也应该是一致的。所以它能帮助你
生成跨平台风格一致的动态网页。

但是,还有一些小问题。

在1997中期时,Netscape和Microsoft都推出了自己的动
态HTML浏览器,但那时没有一种规范编程语言同网页元素之
间的交流的统一规定。但是在那时已经有了JavaScript同网
页中的图象、链接和表单元素进行交流的规范。然而这两家
公司对于如何控制网页元素存在不同的见解。

Netscape对JavaScript加入了一系列的对象,并引入
<LAYER>标签,伴随产生的便是它的dHTML 理念:-或者
采用<LAYER>标签
分层的内容分层,或者<DIV>标签的CSS
定位,它们可以用Javascript的对象访问,而且它的属
性(left, top, visibility,和background color)可以被
控制。

但是微软走得更深入一些。它推出了全新的HTML生成引擎,
它不仅能定位任何元素,还能改变对CSS设置的任何选
项。(例如,你可以改变字体或你的EM标签) ,而且,它还
完善了文件对象模块(Document Object Model),使其能
通过任何IE支持的编程或脚本语言访问。

这两种体制之间的明显区别在于其语法。Netscape 支持树
形语法:

document.layers['topLayer'].document.layers['subLayer'].document.layers['bottom'].left

而Internet Explorer将所有的HTML对象都放在一个水平结
构上,使你可以修改也是对象:

    bottom.style.left

如果你在这种浏览器中使用了另一种浏览器支持的方法,则
浏览器会显示错误信息。但是还有许多技术可以对这种不兼
容性作出变通处理。一旦你掌握了其中的诀窍,你就可以左
右逢源,无所不能。本课中将学习如何利用最少量的条件访
问文件对象模块DOM,然后我们将介绍一个将对象在屏幕中
移动的简单Javascript脚本。>>

动态HTML教程
第一页 动态HTML教程 - 第三天
第二页 微软和网景不同的语法
第三页 使其在两种浏览器中都可用
第四页 脚本如何运行
第五页 访问对象的一个技巧
第六页 制作网猴们互相追赶的动画效果

[第1天][第2天][第3天][第4天][第5天]


返回