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>
    
  • 相关阅读:
    ios初学者之Tableview的增删移
    ios初学者之在真机上调试应用程序
    androud 自定义属性
    在使用androidStudio中所遇到的错误
    用ticons指令结合ImageMagickDisplay工具批量生成Android适应图片
    android 处理302地址
    Android获取屏幕长宽
    自定义的屏幕适配方法
    android小技巧和注意事项
    redis哨兵&codis
  • 原文地址:https://www.cnblogs.com/xiaohaihuaihuai/p/7732910.html
Copyright © 2011-2022 走看看