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>
    
  • 相关阅读:
    setTimeout和setInterval的区别(面试题)
    什么是跨域?列出几种JS跨域解决方法?(前端面试题)
    建网站的流程
    CSS Sprite(雪碧图)简单使用
    前端不得不说的性能优化
    面试题
    前端如何做好SEO优化
    JavaScript string字符串对象常见方法
    微信号复制跟跳转——clipboard.js
    微信号复制跟跳转——execCommand()
  • 原文地址:https://www.cnblogs.com/xiaohaihuaihuai/p/7732910.html
Copyright © 2011-2022 走看看