javascript的BOM对象
windows对象中包括(history locationdocment)
window对象
window对象是浏览器的顶层对象,定义的全局变量、函数等等都是属于window对象的成员。
window对象的常用方法:
open(url) 打开新的窗口,并加载url
close() 关闭窗口
alert() 消息框
prompt() 输入框
confirm() 确认框
setTimout() 计时器
cleatTimout(handler) 取消计时传的参数是一个计时器
location对象
代表浏览器上的地址栏
属性:location.href打开新的网址
方法有:
location.assign(url)等同鱼href属性
location.reload(); 重新加载
history对象
历史记录
history.back():后退一步
history.forward():前进一步
history.go(n):如果n为负,后退n步,如果n为正,前进n步
docment对象里面的方法很多,而我们一般都是操作docment对象
1、定义元素
查找文档中的元素
有三种查找方法:
A、根据元素的id查找
document.getElementById("id");
只返回一个对象,如果存在多个id相同的HTML元素,则只返回第一个
B、根据元素的name查找
document.getElementsByName("name")
返回对象数组
注:并不是每个HTML元素都有name属性,表单域和a有name属性
查找文档中的元素
有三种查找方法:
A、根据元素的id查找
document.getElementById("id");
只返回一个对象,如果存在多个id相同的HTML元素,则只返回第一个
B、根据元素的name查找
document.getElementsByName("name")
返回对象数组
注:并不是每个HTML元素都有name属性,表单域和a有name属性
C、根据元素的名称(Tag Name)查找e.getElementsByTagName("tagName");
查找e元素中的特定的子元素(我要找到表格中的行)
查找e元素中的特定的子元素(我要找到表格中的行)
如:var table = document.getElementById("t");
//找到table中的行
var trs = table.getElementsByTagName("tr");
//找到table中的行
var trs = table.getElementsByTagName("tr");
2、创建新元素、追加子元素
A、创建新元素(不会马上显示在html页面是先加载到内存中通过追加子元素才可以在html网页上显示):
document.createElement("元素名");
比如:
var div = document.createElement("div");
B、追加子元素
parent.appendChild(child);
比如:
document.body.appendChild(div);
3、删除元素、查找父元素
A、删除元素
parent.removeChild(child
B、查找父元素
e.parentNode
4、访问属性、样式(美化元素)
A、属性有两种:
内置属性:直接通过对象进行访问
自定义属性:用于存储数据
给属性赋值:setAttribute("属性名", "属性值");
取出属性值:getAttribute("属性名");
B、样式
e.style.样式属性
e.style["样式属性"]