www.baike369.com
百科369 > JS教程 > JavaScript CSS样式与定位

JavaScript CSS样式与定位



JavaScript CSS样式与定位

JavaScript动态网页

动态网页(DHTML)是静态网页(基于HTML 4.0)、网页样式表(CSS)以及JavaScript语言基于DOM(文档对象模型)的组合效果。


JavaScript网页对象模型与网页元素对象

网页对象模型描述的是网页中各元素的组成结构及其相互间的关系,为JavaScript提供了得到网页元素对象的方法。

JavaScript HTML对象模型方法

HTML对象模型通过其结构层次得到每一个对象。

JavaScript DHTML对象模型方法

DHTML对象模型方法为JavaScript提供了得到网页对象的另外方法,使用时可以不必具体了解文档对象模型的结构层次,而直接得到网页中的所需元素对象。

JavaScript使用DHTML对象模型方法获取网页文本框中输入的内容

在JavaScript中,使用DHTML对象模型方法可以获取网页文本框中输入的内容。

JavaScript使用DHTML对象模型方法显示和修改网页中文字的内容

在JavaScript中,可以使用DHTML对象模型方法来显示和修改网页中文字的内容。

JavaScript使用DHTML对象模型方法处理网页中的表格内容

使用DHTML对象模型方法可以处理网页中的表格内容。

JavaScript W3C对象模型方法

W3C文档对象模型将网页结构作为树状节点处理。

JavaScript使用W3C对象模型方法显示和修改网页内容

通过W3C文档对象模型方法改变网页内容的步骤如下:通过节点对象的nodeValue方法得到网页中节点处网页元素对象的内容。

JavaScript使用W3C对象模型方法显示和修改表格内容

要使用W3C文档对象模型方法处理表格,表格中必须包含<tbody></tbody>标记,否则可能出现不可预测的结果。


JavaScript动态网页样式

JavaScript改变元素对象的样式属性

通过JavaScript不仅可以改变网页标签对象中的样式属性。

JavaScript改变网页样式表

通过样式表对象中的href属性可以方便地得到和改变外部网页样式文件名。


JavaScript网页对象动态定位

如果将JavaScript应用在网页样式表有关定位的属性方面,就可以根据用户的操作动态地在网页中布局网页元素了。

JavaScript使用DOM方法设置坐标位置及尺寸

网页中元素对象的坐标位置和尺寸,可以通过网页样式表的方法或者DOM方法来得到。


JavaScript构建跨浏览器DHTML库

JavaScript构建跨浏览器DHTML库

有些情况下,需要编写跨浏览器的通用JavaScript代码,至少需要支持以下3种不同的技术。

JavaScript跨浏览器DHTML库的使用方法

在JavaScript中,可以先创建一个跨浏览器DHTML库文件,例如layerlib.js,然后再调用该文件。

Copyright© 2011-2016 www.baike369.com All Rights Reserved