zoukankan      html  css  js  c++  java
  • 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)
     
  • 相关阅读:
    C#中的?问号
    佛学中的108条做人道理
    SQL Server函数总结
    ASP.NET MVC与Web Forms
    常数定义和字段定义的区别
    What is the purpose of Entity Framework T4 template.
    ASP.NET Internals – IIS and the Process Model
    asp.net为什么没有多重继承(个人观点,欢迎指正,谢谢!)
    c#委托,事件及观察者模式(转自:http://www.cnblogs.com/JimmyZhang/archive/2011/12/25/903360.html)
    GC and Memory leak
  • 原文地址:https://www.cnblogs.com/TKOPython/p/12821106.html
Copyright © 2011-2022 走看看