zoukankan      html  css  js  c++  java
  • JS DOM

    DOM操作

    var b = document.getElementById("id");

    b.onclick=function (){ 执行代码 }


    var a = window.open()

    a.close()

    window.opener.close()

    window.close()


    window.scrollTo(x,y)


    window.history.go(number)


    var c = window.location.href

    window,location.href = "url";

    DOM是文档对象模型

    window对象  

    在这里window不是系统是窗口

    window.opnen

    window.open("第一部分","第二部分","第三部分","第四部分")

    第一部分:写页面地址

    例如:window.open("http://www.baidu.com")

    第二部分:打开方式    _blank  新建打开   _self  用自身页面打开   不写的话默认 _blank

    例如:window.open('http://www.baidu.com','_self');

    第三部分:打开窗口的格式 可以写多个   用空格隔开

        width:100px    height:100px   

    window.open()  也有返回值,它的返回值是:新打开的页面

    可以把打开多个页面窗口保存到数组里

    i=0;

    var w=new Array();

    w[i]=window.open("要打开的页面路径");

    i++;

    window.close

    关闭页面是var a=window.open("页面1");

                  a.close();

    上面介绍了 多个页面保存,这里介绍多个页面一次关闭

     1 <body>
     2     <input type="button" value="打开页面" id="ass"/>
     3     <input type="button" value="关闭全部" id="add" />
     4 </body>
     5 </html>
     6 <script type="text/javascript">
     7     var a = document.getElementById('ass');
     8     var b = document.getElementById('add');
     9     var i = 0;
    10     var aaa = new Array();
    11     //打开页面
    12     a.onclick = function () {
    13         aaa[i] = window.open('HtmlPage.html');
    14         i++;
    15     }
    16     
    17     //关闭页面
    18     b.onclick = function () {
    19         for (var j = 0; j < aaa.length; j++)
    20         {
    21             aaa[j].close();
    22         }
    23     }
    24 </script>
    View Code

    间隔与延迟

    延迟一段时间执行一段代码   window.setTimeout("要执行的代码",延迟毫秒数);    1000毫秒=1秒

    例如:window.setTimeout("alert('到时间了')",10000);    时间10秒后会执行代码alert("到时间了")   而且只执行一次

    清除延迟     var timer=window.setTimeout("代码",时间);

                    window.clearTimeout(timer);

    间隔执行  window.setInterval("要执行的代码",时间毫秒)    这里是没隔多少毫秒执行一次   不限次数

    清除间隔执行:  window.clearInterval(同上)     用判断条件吧间隔执行的时间器  关闭

    调整页面

    window.scrollTo(x,y)   滚动页面至哪里,y代表纵向滚动,相当于一个锚点   不过这里x   y用的像素

    window.history对象

    window.history.back();  页面后退一页

    window.history.forward();页面前进一页

    window.history.go(n);   如果n是正数  前进n个页面   如果是负数,后退n个页面

    window.location对象

    window.location.href="页面地址";  跳转至那个页面,相当于一个超链接,用于javascript用的

  • 相关阅读:
    我的python中级班学习之路(全程笔记第一模块) (第一章)语言基础
    Python_常用模块
    Python_装饰器、迭代器、生成器
    Python_函数
    Python_深浅拷贝
    Python_文件操作
    Python_三级目录
    Python_循环判断表达式
    Python_基础语法
    7段数码管绘制
  • 原文地址:https://www.cnblogs.com/zhangwei99com/p/6653448.html
Copyright © 2011-2022 走看看