当前位置: 首页>在线手册>DHTML 教程>

HTML DOM 实例

DHTML 教程

HTML DOM 实例

Anchor 对象

更改一个链接的文本、URL 以及 target
使用 focus() 和 blur()
向超链接添加快捷键

Document 对象

使用 document.write() 向输出流写文本
使用 document.write() 向输出流写 HTML
返回当前文档的标题
返回当前文档的 URL
返回当前文档的 referrer
返回下载当前文档的服务器域名
使用 getElementById()
使用 getElementsByName()
打开一个新的文档,添加一些文本,然后关闭它。
返回文档中锚的数目
返回文档中第一个锚的 innerHTML
计算文档中表单的数目
访问集合中的项目
计算文档中的图像数目

Event 对象

哪个鼠标按钮被点击?
光标的坐标是?
被按的按键的 unicode 是?
相对于屏幕,光标的坐标是?
shift 键被按了吗?
哪个元素被点击了?
哪个事件类型发生了?

Form 和 Input 对象

更改表单的 action 属性
返回向服务器发送数据的 HTTP 方法
提示按钮的 id 和 类型 + 禁用按钮
选定以及不选定 checkbox
一个表单中的若干个 checkbox
Checkbox - 把文本转换为大写
使用单选按钮中的 value 属性
重置表单
提交表单
验证表单
设置和移开文本域上的焦点
选取文本域中的内容
表单中的下拉列表
另一个下拉列表
当达到文本域的最大字符数时跳至下一个域
为若干表单域添加快捷键

Frame、Frameset 以及 IFrame 对象

可调整大小和不可调整大小的框架
带有滚动条和不带有滚动条的框架
更改两个框架的源
跳出框架
更改两个框架的源

Image 对象

更改图像的高度和宽度
更改图像的 src

Location 对象

把用户带到一个新的地址
重新加载文档
跳出框架
锚的数组

Navigator

检测访问者的浏览器和版本号
有关访问者的浏览器的更多信息
有关访问者的浏览器的全部细节
根据浏览器来提醒用户

Option 和 Select 对象

禁用并启用下拉列表
取得包含该下拉列表的表单的 id
取得下拉列表中选项的数目
更改下拉列表中的可见行数
选择下拉列表中的多个选项
输出下拉列表中所有选项的文本
取得下拉列表中所选的选项的索引位置
更改被选选项
从下拉列表中删除选项

Screen 对象

检测有关客户机的屏幕的细节

Table、TableHeader、TableRow、TableData 对象

更改表格边线的宽度
更改表格的 cellPadding 和 cellSpacing
规定表格的外部边框
规定表格的内部边线
某一行的 InnerHTML
表格单元的 InnerHTML
为表格创建了一个标题
从表格删除行
向表格添加新行 - 然后向其添加内容
向一个已有的行中插入单元格
对齐行中的单元格内容
垂直对齐行中的单元格内容
对齐单元格中的内容
垂直对齐单元格中的内容
更改表格单元格中的内容
更改表元横跨的列数

Window 对象

显示对话框
显示带有折行的对话框
显示确认框
显示提示框
通过点击按钮来打开一个窗口
打开一个新窗口,并控制其外观
通过一次点击打开多个窗口
把用户带到一个新的地址
重新加载文档
在窗口的状态栏设置文本
打印页面
跳出框架
调整窗口的大小
把窗口调整为指定的大小
滚动文档
把窗口滚动到指定的位置
简单的计时
另一个简单的计时
无穷循环中的计时
无穷循环中的计时 - 带有一个停止按钮
一个时钟
创建 pop-up

DHTML 实例