Browser Object Model 浏览器对象模型
<script> js代码</script>
<script src="地址"></script>
外部引用js文件 尽量放在离body结束标签较近的位置;
移动端自适应文件“auto-size.js"文件推荐放在<head>标签内;
每打开一个浏览器,就会创建一个window对象(全局对象);
window可以直接使用全局变量(var声明)和全局函数(字面量);
在删除时可以删除以window.属性进行创建的变量,而无法删除全局属性(var声明的变量);
window.screenX 当前浏览器窗口x轴离屏幕的距离
window.screenY 当前浏览器窗口y轴离屏幕的距离
window.screenLeft 当前浏览器窗口离屏幕左边的距离
window.screenTop 当前浏览器窗口离屏幕顶边的距离
window.innerWidth 当前浏览器宽度(不包含控制台)
window.innerHeight 当前浏览器高度(不包含控制台)
window.outerWidth 当前浏览器宽度(包含控制台)
window.outerHeight 当前浏览器高度(包含控制台)
window.pageXOffset 滚动条移动距离(x轴)
window.pageYOffset 滚动条移动距离(y轴)
window.alert("提示内容");
window.confirm("提示内容"); 有返回值 true false
window.prompt("提示内容"); 有返回值
window.open(参1,参2,参3,参4);
参1:地址 参2:打开方式 参3:设置尺寸 参4:是否替换当前历史记录
let winEle=window.open(.....);
winEle.close;
winEle.moveBy(200,200);
winEle.moveTo(200,200);
在设定的时间内,重复执行同一段代码;
setInterval(参1,参2);
参1:调用的函数或者是代码块;
参2:以多长时间间隔 单位毫秒 1s=1000ms;
有多个参数:参3及以后的参数都是给参数1传参;
参数1写法:直接写函数名,不加小括号;或者“函数名+小括号”;
let timer = setInterval(......);
clearInterval(timer);
死循环将一直执行循环,直至死机;
时间函数是异步操作:在其他代码执行完后,再执行时间函数;
setTimerout(参1,参2); 倒计时参2后执行参1;
DOM是BOM的一分支
screen.availWidth;
screen.availHeight;
navigator.name; 浏览器名
navigator.appversion; 浏览器版本
navigator.language; 浏览器语言
let info =location.search;获取地址栏?以后的信息;
let info1 = location.herf;获取地址栏所有信息;
let info2 =location.port; 获取端口号;
let info3=location.hash;获取锚点信息;
location.replace(newURL);加载新页面,当前页面替换成新页面(共一个窗口,没有返回功能)
location.assign(newURL);加载新页面,当前页面替换成新页面(共一个窗口,有返回功能)
history.forward(); 下一页;(历史)
history.back(); 上一页;(历史)
history.go(-1); 前一个页面; history.go(-2); 前2个页面;
history.go(0); 当前页面刷新;
history.go(1); 后一个页面; history.go(2); 后2个页面;
history.length; 当前历史记录条数;
原文:https://www.cnblogs.com/luoxiangbo/p/12287564.html