首页 > 其他 > 详细

随笔06

时间:2020-02-09 17:13:26      阅读:54      评论:0      收藏:0      [点我收藏+]

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;  当前历史记录条数;

随笔06

原文:https://www.cnblogs.com/luoxiangbo/p/12287564.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!