目标：
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() 重新加载当前文档
例：<a href="javascript:location:history.reload()">刷新</a>
replace() 用新的文档替换当前文档
例：
<script type="text/javascript"> var str="Visit Microsoft!" document.write(str.replace(/Microsoft/, "W3School")) </script>
输出：
Visit W3School!
例：全部替换
<script type="text/javascript"> var str="Welcome to Microsoft! " str=str + "We are proud to announce that Microsoft has " str=str + "one of the largest Web Developers sites in the world." document.write(str.replace(/Microsoft/g, "W3School")) </script>
输出
Welcome to W3School! We are proud to announce that W3School has one of the largest Web Developers sites in the world.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="值"