随笔06 | 易学教程

BOM

Browser Object Model 浏览器对象模型

js引用

内部引用

        <script>   js代码</script>

外部引用

        <script src="地址"></script>

外部引用js文件尽量放在离body结束标签较近的位置；

移动端自适应文件“auto-size.js"文件推荐放在<head>标签内；

全局变量

每打开一个浏览器，就会创建一个window对象（全局对象）；

window可以直接使用全局变量（var声明）和全局函数（字面量）；

全局变量与window属性的区别

在删除时可以删除以window.属性进行创建的变量，而无法删除全局属性（var声明的变量）；

window的属性

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的方法

提示框，警示框

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；

BOM和DOM的关系

DOM是BOM的一分支

BOM分支

screen 获取屏幕尺寸 (不包含任务栏)

screen.availWidth；

screen.availHeight；

navigator 获取浏览器信息

navigator.name；浏览器名

navigator.appversion；浏览器版本

navigator.language；浏览器语言

location

let info =location.search;获取地址栏？以后的信息；

let info1 = location.herf;获取地址栏所有信息；

let info2 =location.port; 获取端口号；

let info3=location.hash;获取锚点信息；

location.replace(newURL);加载新页面，当前页面替换成新页面（共一个窗口，没有返回功能）

location.assign(newURL);加载新页面，当前页面替换成新页面（共一个窗口，有返回功能）

history

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

标签

location