js的组成

Posted 2021-02-27 花开荼蘼Ⅴ彼岸未归

js的规范
DOM 是一套操作页面的API
BOM 是一套操作浏览器页面的API
Window navigator screen history location
window对象:浏览器窗口
特点:
1.对于全局变量或者全局方法，在取值或者调用的时候，可以省略
2.window对象时js中的顶级对象(所有的全局变量，全局函数，包括document都是window的属性)
3.window对象有一个默认的属性name，而且name得值只能是字符串
4.top属性是只读性质无法修改
var a = 5;
console.log(a);
console.log(window.a);
console.log(window);
console.log(age);//报错，未定义
window对象有一个默认的属性name，而且name得值只能是字符串
window.name = 5;
consol.log(name);
name = [6,7,8];
consol.log(name);
top属性是只读性质无法修改
consol.log(top);
var top = "abc";
consol.log(name);

打开窗口 open
关闭窗口 close
var newwindow;
document.getElementById("open").onclick = function(){
打开窗口
@ param url 网址
@param nane 相当于a标签的target属性
两个值-self 自己在本页面直接打开
-blank 在新的标签页打开(默认值)
@param featrues 特征:设置新窗口的大小位置
@param replace
true-url替换浏览历史中的当前页面
false-url直接在浏览历史中创建新的条目
newwindow=window.opent("http://www.baidu.com","-self","left:80px,top:80px,width:500px,height:500px");
}
document.getElementById("close").onclick = function(){
关闭窗口:是想关闭哪个窗口就使用哪个窗口去调用close
方法
newWindow.close()
}

script的内链写法:如果写在head里面，将无法获取dom元素，因为js代码从上往下执行，解释的时候body还没有执行
window的三个事件:从浏览器打开到关闭的三个时刻
1.页面所有内容都加载完毕才会执行(包括页面的dom元素，外部资源，图片资源)
window.onload = function(){
console.log("加载完毕");
}
作用:可以在页面的位置获取到dom元素
在页面即将关闭的前一刻
window.onbeforeunload = function(){
console.log("页面即将关闭");
作用:挽留客户 return "您确定要离开吗？"
病毒:关闭网页时，人为的写一个死循环，无线打开新的窗口(不建议去写，因为会造成电脑卡顿等原因)
while(true){
window.open();

}
}
页面正在关闭，无法做任何事
window.onunload = function(){
console.log("页面正在关闭");
}