HTML DOM 教程
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