BOM
JavaScrip的组成
ECMAScript是JS的语法规范。ES5,ES6
BOM:浏览器对象模型(Brower Object
Model)
DOM:文档对象模型(Document Object Model)
BOM:Brower Object
Model)
浏览器对象:一个浏览器窗口就是对象(属性和行为)
浏览器对象模型:将浏览器中各个组件按某种组织架构组织在一起
子主题 3
BOM的组成:由内置对象组成
window对象:是BOM的根对象(核心对象),其他对象作为window的子对象
location对象:导航的地址栏对象
document对象:文档对象
history对象:历史记录对象(用户访问的痕迹)
navigator对象:导航对象
screen对象:屏幕对象
Window对象
介绍:是BOM的核心对象,其他对象的父对象,在全局作用域中定义变量,函数以及所有JS的内置函数都可以通过window对象调用
全局作用域:直接编写在script标签中js代码中都成为全局作用域
常用属性:
parent:表示window上级对象的一个字符串
self:对当前窗口的一个引用
name:窗口window的名称
_black:表示打开一个新窗口,在新窗口中显示页面
_self:当前窗口中打开页面
_parent:在当前窗口的父级窗口打开页面
outerHeight/outerWidth:浏览器窗口的宽度和高度
linnerWidth/innerHeight:视口的宽和高
screenLeft/screenTop:浏览器左上角和屏幕左上角的距离
常用的方法(函数)
oppen(url,name,specs,replace)
url(网址):统一资源定位符。协议:主机名:断口号/文件名
name:在什么位置打开窗口
specs:打开窗口的特征(大小)
replace:打开新窗口是否替换原有信息
moveTo(x,y):移动窗口
x:x轴的坐标
y:y轴坐标
focus:移动后的焦点
resizeTo(宽度,高度):重新设置窗口的大小
setTimeout(callback,time):定时器函数,间隔time毫秒后调用callback函数,函数返回的是定时器变量
callback:函数
time:时间,单位:毫秒
clearTimeout(定时器名):清除由setTimeout创建的定时器对象
setInterval(callback,time):每间隔times毫秒调用一次。循环执行
clearInterval:关闭由setinterval创建的定时器对象
alert(`字符串`):消息提示框。是线程堵塞
confirm(`字符串`):确认消息框,对话框中包含确定和取消俩个按钮
frames属性:window对象通过该属性来操作页面中的iframes
javascript的执行机制
单线程:同一时间只能做一件事情
同步:当前一个任务完成后在执行后一个任务,任务的执行顺序和程序的执行顺序一致时称为同步
异步:在做一件事的同时可以做其他的事情
执行过程:在执行程序时若遇到异步的操作,会将异步执行的函数会放入任务队列中,主程序不等待,当任务队列中的函数执行后将结果返回给主程序
Locatiion对象:是地址栏对象
url:(全球资源定位器)统一资源定位符
url组成:
protocol:网络协议(http,ftp等)
host:主机。通过域名或ip地址表示。本地机域名localhost,ip地址是:127.0.0.1
port:端口号
path:文件的路径。/woniu/index.html
query:参数。在路径后边带上?,’?‘后面是参数参数与参数之间使用’&‘分隔
location的属性
location.host:表示请求地址的主机名和端口号
location.hostname:主机名
location.port:端口号
location.protocol:获取地址中的协议
location.search:获取请求字符串(url的?之后的内容)
location.pathname:文件名
location.href:请求地址(如:http//localhost:5500/...........)
location的方法
assgin():表示加载一个新文档
reload():重新加载当前文档
replace():在浏览器中替换当前文档
navigator对象:浏览器对象。通过该对象可获得浏览器信息(内核,版本,名称等)
navigator 属性
navigator.appVersion:版本号
.appCodeName:浏览器内部名称
.appName:浏览器的全称
platform:运行浏览器的操作系统平台
history:对象:记录用户的访问记录
history的属性
length(用户访问的网址数)
常用方法
back():后退
forward:前进
go():参数是整数(正整数表示前进,负整数表示后退)
BOM总结
最新推荐文章于 2024-09-26 01:42:12 发布