accp6.0 《使用javascript增强交互效果》学习笔记ch3 DOM编程

目标：
1.使用getElementById()方法访问Dom元素
2.使用getElementsByName()方法访问Dom元素
3.使用getElementsByTagName()方法访问Dom元素
4.使用display样式属性控制元素的隐藏和显示

关键词：visibility可见性visible可见block块

history对象
方法
back()加载history对象列表中的前一个URL
forward()加载history对象列表中的下一个URL
go()加载history对象列表中的某一个具体URL(go(1)前进一页，go(-1)后退一页，go(0)载入当前页)

location对象
属性
host设置或返回主机名和当前URL的端口号
hostname设置或返回当前URL的主机名
href设置或返回完整的URL
方法
reload()重新加载当前文档
例：<ahref="javascript:location:history.reload()">刷新</a>
replace()用新的文档替换当前文档
例：

<scripttype="text/javascript">
varstr="VisitMicrosoft!"
document.write(str.replace(/Microsoft/,"W3School"))
</script>

输出：

VisitW3School!

例：全部替换

<scripttype="text/javascript">
varstr="WelcometoMicrosoft!"
str=str+"WeareproudtoannouncethatMicrosofthas"
str=str+"oneofthelargestWebDeveloperssitesintheworld."
document.write(str.replace(/Microsoft/g,"W3School"))
</script>[/code]

输出

WelcometoW3School!WeareproudtoannouncethatW3School
hasoneofthelargestWebDeveloperssitesintheworld.

document对象

属性
referrer返回载入当前文档的文档的URL
当前文档如果不是通过超链接访问的，则document.referrer的值为null
URL返回当文档的URL
方法
getElementById()返回对拥有指定id的第一个对象的引用
getElementByName()返回带有指定名称的对象的集合
getElementByTagName()返回带有指定标签名的对象的集合
write()向文档写文本、HTML表达式或javascript代码
元素的显示和隐藏
visibility属性设置元素是否可见
visibility属性的值
visible表示元素是可见的
hidden表示元素是不可见的
语法：object.style.visibility="值"
display属性设置是否显示元素
display属性常见值
none表示此元素不会被显示
block表示此元素将显示为块级元素，此元素前后会带有换行符
语法：object.style.display="值"