appendChild():向一个标签中添加子标签(子元素)
removeChild():删除的是标签中的指定的子元素
remove():会将所有的子元素清空,包括元素本身
History对象
History对象:有关客户访问过的URL的信息
back():加载History 列表中的上一个URL(back()方法相当于后退按钮)例如:
<body>
<input type="button" id="btn1" value="back" />
<script type="text/javascript">
document.getElementById("btn1").οnclick=function()
{history.back()}
</script>
</body>
forward():加载History 列表中的下一个URL(forward()方法相当于前进按钮),例如:
<body>
<input type="button" id="btn2" value="forward()" />
<script type="text/javascript">
document.getElementById("btn1").οnclick=function()
{history.forward()}
</script>
</body>
go("url" or number)加载 History 列表中的一个URL或要求浏览器移动指定的页面数(go(1)代表前进1页,等价于forward()方法;go(-1)代表后退1页,等价于back()方法)例如:
<body>
<input type="button" id="btn3" value="go" />
<script type="text/javascript">
document.getElementById("btn4").οnclick=function()
{history.go(1)}
</script>
</body>
Location对象
Location对象:有关当前URL的信息
host:设置或检索位置或URL的主机名和端口号
hostname:设置或检索位置或URL的主机名部分
href:设置或检索完整的URL字符串
assign("url"):加载URL指定的新的HTML文档
reload():重新加载当前页
replace("url")通过加载URL指定的文档来替换当前文档
例如:
<body>
<input type="button" id="btn1" value="assign()" />
<input type="button" id="btn2" value="reload()" />
<input type="button" id="btn3" value="replace()" />
<script type="text/javascript">
console.log(location.host)
console.log(location.hostname)
console.log(location.href)
document.getElementById("btn1").onclick = function() {
location.assign("http://www.baidu.com")
}
document.getElementById("btn2").onclick = function() {
location.reload()
}
document.getElementById("btn3").onclick = function() {
location.replace("http://www.baidu.com")
}
</script>
</body>