zoukankan      html  css  js  c++  java
  • JS的DOM操作2

    Window.history:window.open打开网页的方式必须是_self

    window.history.back()后退

    Window.history.forward()前进

    <body>
            <input type="button" value="打开窗口" onclick="Dk()"  />
            <input type="button" value="前进" onclick="Qian()" />
     </body>
        <script type="text/javascript">
            function Dk()
            {
                window.open("Untitled-2.html","_self","width=300 height=300"); 
            }
             
            function Qian()
            {
                window.history.forward();  
            }
    

    Window.history.go(n);n为正数就是前进几个页面,为负数就是后退几个页面。

    <body>
            <input type="button" value="打开窗口" onclick="Dk()"  />
            <input type="button" value="前进" onclick="Qian()" />
     </body>
        <script type="text/javascript">
            function Dk()
            {
                window.open("Untitled-2.html","_self","width=300 height=300"); 
            }
             
            function Qian()
            {
                window.history.go(1);  
            }
    

    window.document

    查找元素

    根据id查找    var  d1 = document.getElementById("d1");

    根据class查找  var d2 = document.getElementsByClassName("d2");找到的是数组

    .根据标签名找  var d3 = document.getElementsByTagName("div");找到的是数组

    表单元素  var d4 = document.getElementsByName("aa") 找到的是数组

    操作
     1.操作内容 var d1 = document.getElementById("d1");

    获取内容 

       alert(d1.innerText);
      alert(d1.innerHTML);
      修改内容
      d1.innerHTML = "<b>修改</b>";

    <body>
        <div id="d1" style="100px; height:100px;">你好</div>
    </body>
       <script type="text/javascript">
           var b=document.getElementById("d1")
           b.innerHTML="<b>修改</b>"
       </script>
    
  • 相关阅读:
    吞吐量(TPS)、QPS、并发数、响应时间(RT)
    吞吐量(TPS)、QPS、并发数、响应时间(RT)
    ubuntu 14.04安装pycharm 社区版
    ubuntu 14.04安装pycharm 社区版
    卷积神经网络(4)----目标检测
    卷积神经网络(4)----目标检测
    卷积神经网络(4)----目标检测
    如何搭建自己CDN服务器
    flask
    s16 计算机网络基础
  • 原文地址:https://www.cnblogs.com/xiaohaihuaihuai/p/7732910.html
Copyright © 2011-2022 走看看