• 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>
    
  • 相关阅读:
    网站设计的65条原则
    汇编指令: VERW、WAIT、WBINVD、WRSHR、WRMSR、XADD、XBTS、XCHG、
    openssl编程入门(含完整可编译和运行示例)
    揭开Linux的Swap之谜
    成功的 Web 应用系统性能测试
    加密通讯协议SSL编程周立发
    Google Sparse Hash
    测试 Linux 的可靠性
    进程绑定CPU简单应用
    mylarge&mymedium&mysmall&myinnodbheavy4G
  • 原文地址:https://www.cnblogs.com/xiaohaihuaihuai/p/7732910.html
Copyright © 2020-2023  润新知