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 ...
随机推荐
- flash builder (fb) 与flash professional cs6(fla) 联合调试
注意加载的swf名字与项目(fla)名字一致,在fb进行构建,如果fla代码做了修改,保持在fb构建最新.
- 【webpy开发实战】webpy的cookbook 个人版
版本:webpy0.3 问题1.1 所需软件及环境配置? 解决办法 sqlite: jinja2:找不到jinja2模块时,将jinja模块文件夹加入 sys.path -> sys.path ...
- mysql-5.7.16 解压版安装
下载压缩包后,解压到任盘 配置环境变量: 将“C:\MySQL;”加入到环境变量Path中 重命名my-default.ini为my.ini 修改my.ini内容: basedir =C:\MySQL ...
- [POJ2151]Check the difficulty of problems (概率dp)
题目链接:http://poj.org/problem?id=2151 题目大意:有M个题目,T支队伍,第i个队伍做出第j个题目的概率为Pij,问每个队伍都至少做出1个题并且至少有一个队伍做出N题的概 ...
- json转换
Newtonsoft.Json.JsonConvert.SerializeObject 使用上述语句,将创建的对象, 转换成json格式
- 说说无耻的商河水木清华开发商2013"交房
说说无耻的水木清华开发商2013"交房" 我买的是22号楼,合同里写的是2011年6月30号前交房.4月28我手机响了,电话那边说是水木清华的,29号交房.说交房通知书已经EMS发 ...
- Python-0 简述
#1 应用广泛: 豆瓣 youtube 云存储相关 #2 初步学习内容:
- CRM客户关系管理系统 北京易信软科信息技术有限公司
北京易信软科信息技术有限公司 推出大型erp系统,库存管理系统,客户关系管理系统,车辆登记管理系统,员工管理系统,采购管理系统,销售管理系统,为您的企业提供最优质的产品服务 北京易信软科您可信赖的北京 ...
- 初学android之简易的网易页面
WangYiActivity.java: public class WangYiActivity extends Activity implements OnClickListener{ public ...
- ActivityGroup、TabHost之子页面不刷新——getLocalActivityManager() 以及intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)用法
TabHost继承自ActivityGroup,以下不再单独列出. ActivityGroup在第一次创建的时候会完整的执行子Activity或子view的生命周期,但在从其他子activity或子v ...