//第一个页面
<input type="button" value="跳转" onclick="forw()">
<a href="tiao.html">跳一跳</a>
<script>
function forw(){
history.forward();
}
//第二个页面
<input type="button" value="fanhui" onclick="vv()">
<script>
function vv(){
history.back()
}
<input type="button" value="刷新" onclick="location.reload()">
<input type="button" value="重定向" onclick="location.href='http://www.baidu.com' ">
//dom对象导航方法
<div id ="sdd">
<div>vsdvsd</div>
<div>vsdv</div>
</div>
<script>
var ds = document.getElementById("sdd");
// alert(ds.children.length);
for(var i in ds.children){
var ii = ds.children[i];
console.log(ii)
}
var soi = ds.firstElementChild; //找到他的子类
var soi2 = soi.nextElementSibling; //通过子类找他的同级
alert(soi2.nodeName)
</script>
------------------------通过class查找-------------------------
<div class="a">vsdvsd</div>
<div class="b">vsdv</div>
var v = document.getElementsByClassName("a")[0];
var v1 = v.nextElementSibling;
alert(v1.innerHTML) //获取同级下的内容
------------------------通过name查找-------------------------------
<div class="b" name="sdf">vsdv</div>
var dd = document.getElementsByName("sdf");
for (var i in dd){
console.log(dd[i].innerHTML)
}
---------------------------通过tag查找--------------------------------
<p>abcde</p>
var tag = document.getElementsByTagName("p");
console.log(tag[0].innerHTML);
-------------------------------------------------------------------------
-----------------------------局部查找-----------------------------------------
//局部查找
<div class="a" name="nn">
<p class="cc" >abc</p>
</div>
var jubu = document.getElementsByName("nn")[0];
// var jubup = jubu.getElementsByTagName("p")[0]; //tag方法
// alert(jubup.innerHTML);
var ccc = jubu.getElementsByClassName("cc")[0];
alert(ccc.innerHTML)