-->动态HTML教程-->3.1 第三天

Dynamic HTML

后页 前页
目录
北极星书库
3.1 第三天


今天我们将开始学习动态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脚本。


后页
前页
目录
北极星书库