history，localtion，dom对象导航方法

   //第一个页面
    <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)