JS DOM

zlslch 阅读：50 2022-09-29 10:02:41 评论：0

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>