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="width:100px; height:100px;">你好</div>
</body>
   <script type="text/javascript">
       var b=document.getElementById("d1")
       b.innerHTML="<b>修改</b>"
   </script>

 

posted @ 2017-10-25 22:49  小孩坏坏  阅读(126)  评论(0)    收藏  举报