网页设计与制作-第6章 DHTML技术 .pptVIP

第4章DHTML技术4.1什么是DHTML由纯粹的HTML标记编写的网页文件是静态的。DHTML可以实现与用户交互并包含动态内容的页面。见例。DHTML（DynamicHTML），也称动态HTML，是将HTML、CSS与客户端脚本语言的集成。HTML页面元素成为DHML的操纵对象；CSS也是动态操纵的内容，以获得动态的格式效果；客户端脚本（JavaScript、VBScript）操纵页面中的HTML和CSS。DHTML针对的是下载到本地的网页文件，在本地由浏览器完成，也就是说与服务器无关。与服务器脚本有本质区别。DHTML实现的主要功能包括动态功能、定位功能以及利用CSS的功能。/dhtml/index.asp4.2DHTML与文档对象模型DOM文档对象模型DOM(DocumentObjectModel)，是由万维网协会W3C(WorldWideWebConsortium)制定的一个与平台和语言无关的规范。用于表示HTML元素以及Web浏览器信息的一个模型，它使程序脚本能够访问Web页上的信息。在1998年，W3C发布了第一级的DOM规范。这个规范允许访问和操作HTML页面中的每一个单独的元素。DOM可被JavaScript用来读取、改变HTML、XHTML以及XML文档。DOM被分为不同的部分（核心、XML及HTML）和级别（DOMLevel1/2/3）。通过操纵文档对象模型中的对象的属性并调用方法，可以使脚本按照一定的方式显示Web页并与用户的动作进行交互。对于各种脚本程序语言，通常都有一个DOM子集，以便在特定的脚本语言中实现对象模型。JavaScript本地对象和内置对象Browser对象（BOM）HTMLDOM对象JavaScript对象参考手册ArrayBooleanDateMathNumberStringRegExpGlobalBrowser对象对象描述WindowJavaScript层级中的顶层对象，表示浏览器窗口。Navigator包含客户端浏览器的信息。Screen包含客户端显示屏的信息。History包含了浏览器窗口访问过的URL。Location包含了当前URL的信息。属性描述closed返回窗口是否已被关闭。defaultStatus设置或返回窗口状态栏中的默认文本。document对Document对象的只读引用。请参阅Document对象。history对History对象的只读引用。请参数History对象。innerheight返回窗口的文档显示区的高度。innerwidth返回窗口的文档显示区的宽度。length设置或返回窗口中的框架数量。location用于窗口或框架的Location对象。请参阅Location对象。name设置或返回窗口的名称。Navigator对Navigator对象的只读引用。请参数Navigator对象。opener返回对创建此窗口的窗口的引用。outerheight返回窗口的外部高度。outerwidth返回窗口的外部宽度。pageXOffset设置或返回当前页面相对于窗口显示区左上角的X位置。pageYOffset设置或返回当前页面相对于窗口显示区左上角的Y位置。parent返回父窗口。Screen对Screen对象的只读引用。请参数Screen对象。self返回对当前窗口的引用。等价于Window属性。status设置窗口状态栏的文本。top返回最顶层的先辈窗口。windowwindow属性等价于self属性，它包含了对窗口自身的引用。screenLeftscreenTopscreenXscreenY只读整数。声明了窗口的左上角在屏幕上的的x坐标和y坐标。IE、Safari和Opera支持screenLeft和screenTop，而Firefox和Safari支持screenX和screenY。Window对象属性方法描述alert()显示带有一段消息和一个确认按钮的警告框。blur()把键盘焦点从顶层窗口移开。clearInterval()取消由setInterval()设置的timeout。clearTimeout()取消由setTimeout()方法设置的timeout。close()关闭浏览器窗口。confirm()显示带有一段消息