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用的

 

posted @ 2017-03-31 20:36  天晴微笑  阅读(129)  评论(0)  编辑  收藏  举报