HTML DOM 对象简单介绍
文档对象模型(Document Object Model,DOM)是DHTML的基础。
常用对象:
1)window对象:表示对象浏览器窗口(选项卡)对象。
2)document对象:代表整个网页,是客户端编程中最常用的对象。
3)location对象:对浏览器窗口的当前页面地址(URL)进行管理。
4)navigator对象:navigator对象包含有关导航器工具软件的信息,即浏览器的信息。
5)history对象:对当前浏览器窗口(选项卡)已经访问过的网址进行管理
6)frame对象:在HTML代码中使用frame框架标记(配合使用frameset框架集标记),能够将浏览器窗口划分为多个部分(即框架),每个部分显示一个网页,每个框架网页单独刷新。
7)event对象:window对象下的一个子对象,用于维护事件状态。如事件对象、鼠标、键盘的状态等。
window对象:
window.open("") //新建浏览器窗口。参数值为具体网址URL的string
window.alert("") //弹出警告框。参数值为string的警告(提示)文本
window.confirm("") //弹出确认框。参数值为string的确认文本,方法值为bool
window.status //设置浏览器窗口状态栏文本。值为string
document对象:
document.getElementsById("") //通过元素id获取单个对象。参数值为string的元素id,方法值为object
document.getElementsByName("") //通过元素name获取同名对象数组。参数值为string的元素name,方法值为object
document.getElementsByTagName("") //通过元素标记名称获取同类对象数组。参数值为string的元素标记名称,方法值为object
document.write("") //在网页上显示文本。参数值为输出字符串(也可以是HTML元素字符串,包括script元素),
document.createElement("") //创建HTML元素。参数值为标记元素名称的string
HTML元素标记对象.innerText //标记的显示文本。
innerHTML //表示HTML元素中的所有内容。
HTML DOM对象.appendChild() //在元素对象中添加一个嵌套的子对象。如document.body.appendChild(元素对象)
location对象:
location.href //链接地址
location.protocol //通信协议
location.host //主机
location.hostname //主机名称
location.port //端口
location.pathname //路径名称
location.search //检索
location.hash //哈希值
location.reload() //刷新页面。
location.assign("") //导航到某个网页,支持回执(后退)操作。参数值为具体网址URL的string,
location.replace("") //导航到某个网页,不支持回执(后退)操作。参数值为具体网址URL的string
navigator对象:
navigator.appName //程序名称
navigator.appVersion //程序版本
navigator.browserLanguage //浏览器语言
nvaigator.cookieEnabled //Cookie的启用
nvaigator.platform //平台
nvaigator.systemLanguage //系统语言
history对象:
history.back() //相当于“后退”
history.forward() //相当于“前进”
history.go() //带一个int参数确定导航到哪条记录。go(-1)相当于back(),go(-2)相当于两次back()
event对象:
window.event.x //鼠标的x坐标
window.event.y //鼠标的y坐标
window.event.keyCode //键盘按下键的键码
window.event.SrcElement //元素对象
HTML DOM 对象简单介绍的更多相关文章
- Dom对象总结介绍&事件介绍&增删查找标签
1.dom有5个属性,属性内容如下 下面开始介绍Dom属性,一共有5个属性 1.document object:文档对象 2.element object:标签对象 3.test object:文本对 ...
- javascript 对象简单介绍(二)
JavaScript Array(数组) 对象数组对象的作用是:使用单独的变量名来存储一系列的值. 什么是数组?数组对象是使用单独的变量名来存储一系列的值.如果你有一组数据(例如:车名字),存在单独变 ...
- javascript 对象简单介绍(一)
JavaScript 对象JavaScript 中的所有事物都是对象:字符串.数值.数组.函数...此外,JavaScript 允许自定义对象.所有事物都是对象JavaScript 提供多个内建对象, ...
- jQuery介绍 DOM对象和jQuery对象的转换与区别
jQuery介绍 DOM对象和jQuery对象的转换与区别 jQuery介绍 jQuery: http://jquery.com/ write less, do more. j ...
- JavaScript学习记录总结(七)——dom对象应用之用户简单管理
<!DOCTYPE html><html><head><title>users.html</title> <meta name=&qu ...
- Dom对象和JQuery对象的详细介绍及其区别
一直搞不清Dom对象和JQuery对象之间的区别,今天好好总结下 1.dom对象(摘抄自百度百科http://baike.baidu.com/link?url=4L8bZ7kW6kE-it4F-1LU ...
- UIKit中的几个核心对象的介绍:UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍
UIApplication,UIWindow,UIViewController,UIView(layer)简单介绍 一:UIApplication:单例(关于单例后面的文章中会详细介绍,你现在只要知道 ...
- javascript HTML DOM 简单介绍
JavaScript HTML DOM通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素.HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型( ...
- jQuery简单介绍及基本用法(选择器&DOM操作)
简介 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是“write Le ...
随机推荐
- Eclipse下的Maven
本文转载自:http://www.cnblogs.com/zlslch/p/5882567.html 当我们无法从本地仓库找到需要的构件的时候,就会从远程仓库下载构件至本地仓库.一般地,对于每个人来说 ...
- 最新版STS因为JDK版本太低无法启动的解决办法
-startup plugins/org.eclipse.equinox.launcher_1..jar --launcher.library plugins/org.eclipse.equinox. ...
- 代码管理 – SVN
代码管理工具也用了不少年了,整理下. 管理工具比较 用过VSS,CVS,TFS,SVN还有一个微软内部使用的不记得什么名字了.这里进行一些简单比较,重点介绍SVN的用法. CVS历史悠久,1986年就 ...
- html-tab page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- Git——2
什么是版本库呢?版本库又名仓库,英文名repository,你可以简单理解成一个目录,这个目录里面的所有文件都可以被Git管理起来,每个文件的修改.删除,Git都能跟踪,以便任何时刻都可以追踪历史,或 ...
- 使用Delphi收发GMail的邮件
GMAIL的端口和连接方式比较特殊:SMTP端口为:456POP3端口为:995都采用安全连接(SSL)这些通过Indy组件就可以实现参考代码如下: object IdConnectionInterc ...
- Esfog_UnityShader教程_遮挡描边(原理篇)
咳咳,有段时间没有更新了,最近有点懒!把不少精力都放在C++身上了.闲言少叙,今天要讲的可和之前的几篇有所不同了,这次是一个次综合应用.这篇内容中与之前不同主要体现在下面几点上. 1.之前我们写的都是 ...
- [python实现设计模式]-4.观察者模式-吃食啦!
观察者模式是一个非常重要的设计模式. 我们先从一个故事引入. 工作日的每天5点左右,大燕同学都会给大家订饭. 然后7点左右,饭来了. 于是燕哥大吼一声,“饭来啦!”,5点钟定过饭的同学就会纷纷涌入餐厅 ...
- Ubuntu Java Envrioment
Download Java SDK and Install 1. Download Java SDK from Oracle websit 2.unzip by command line tar -z ...
- Android开发:程序目录结构详解
HelloWorld程序的目录结构概述 我们可以在文件夹中看到,HelloWorld程序的目录主要包括:src文件夹.gen文件夹.Android文件夹.assets.res文件夹. AndroidM ...