javascript--BOM(browser object model)五大对象
浏览器对象模型:
作用:访问、控制、修改浏览器,与浏览器进行交互(打开新的窗口、回退历史记录、获取url)
BOM与的DOM区别:JS通过BOM与浏览器进行交互、BOM的window对象包含了document对象,document对象是DOM的根节点。
BOM五大对象:
1.window对象:window对象是全局对象,引用对象属性时可直接写属性,不用加上window
window对象属性:
innerheight 返回窗口文档显示区的高度
innerwidth 返回窗口文档显示区的宽度
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的x位置
pageYOffset 设置或返回当前页面相对于窗口县市区左上角的y位置
screenX 返回窗口左上角在屏幕的x位置
screenY 返回窗口左上角在屏幕的Y位置
window对象方法
alert() 弹出信息框 带有确认按钮
confirm() 确认框 返回ture/false
prompt() 输入框 返回输入值
close() 关闭浏览器窗口 只能关闭通过open()打开的当前窗口
open() 打开一个新的窗口或查找一个以命名的窗口 open(url,name)
name:记录窗口的标识,以相同的url和name打开的窗口永远只有一个
移动当前窗口的可视区:
scrollBy(x,y) 按照指定像素值开滚动内容
scrollTo() 把内容滚动到指定的坐标
定时器:
周期性:var time = setInterval(function(){...},毫秒数) 每个多少毫秒触发一次
停止定时器 clearInterval(time)
一次性:setTimeout(function(){...},毫秒数) 经过多少毫秒触发 只触发一次
window事件:window.onscroll 当滚动条滚动时触发事件
2.navigator对象:浏览器的配置信息
navigator对象属性
cookieEnabled 返回浏览器是否启用cookie的boolean值
onLine 返回系统是否有网的boolean值
userAgent 包含浏览器名称、内核版本号的字符串
plugins 浏览器安装插件的所有信息 navigator.plugins['插件名']
3.history对象 :成功访问过的url历史记录栈
history对象属性
length 返回浏览器历史列表中的url数量
history对象方法
back() 后退到前一个网页
forward() 前进到下一个网页
go(n) 进入到某一个网页 1 前进 -1 后退 0 刷新
4. location对象 :窗口url、地址栏信息
location对象属性
hash 设置或返回从#号开始的url锚点
host 设置或返回主机名和当前端口号
href 设置或返回完整的url 包括主机名、端口号、相对路径
pathname 设置或返回当前url的相对路径
protocol 设置或返回当前url的协议
search 设置或返回从?开始的url
location对象方法
assign() 加载新的文档
reload() 重新加载当前文档 false加载浏览器缓存文档 true加载服务器存储文档 默认false
replace('url') 替换当前页面
5.screen对象:屏幕信息
screen.width 鉴别客户端的种类
>=1200 TV
>=992 pc
>=768 pad
<768 phone
javascript--BOM(browser object model)五大对象的更多相关文章
- BOM(Browser Object Model) 浏览器对象模型
JavaScript 实现是由 3 个部分组成:核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM) BOM(Browser Object Model) 浏览器对象模型BOM ...
- BOM—Browser Object Model and DOM—Document Object Model
浏览器对象模型的内涵是每个页面都是一个window对象,而dom是document为基准的模型,而document与wimdow.document指向相同,所以可以这么理解,bom模型的定义是包括do ...
- 有关BOM(Browser Object Model)的内容
包括: BOM概述 BOM模型 Window对象(常用属性和方法,窗口的打开,窗口的关闭,模态对话框,定时器) Navigator对象(遍历navigator对象的所有属性,Navigator 对象集 ...
- javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
- BOM (Browser Object Model) 浏览器对象模型
l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存 ...
- 浏览器对象模型(BOM,Browser Object Model)
本文内容 1.概述 2.windows与document 3.对话框 4.定时调用 5.URL解析与访问历史 6.浏览器和屏幕信息 ★概述 &q ...
- 浏览器对象模型BOM(Browser Object Model)
1.结构 BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是w ...
- BOM—浏览器对象模型(Browser Object Model)
1,javascript 组成部分: 1.ECMAscript(核心标准): 定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM : 浏览器对象模型(Browser ...
- javascript快速入门13--BOM——浏览器对象模型(Browser Object Model)
什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对 ...
随机推荐
- 常用API的注意事项
判断定义为String类型的s1和s2是否相等 • String s1 = "abc"; • String s2 = "abc"; //常量池中没有这个字符串对 ...
- 25 Flutter仿京东商城项目 购物车页面布局
加群452892873 下载对应25课文件,运行方法,建好项目,直接替换lib目录,在往pubspec.yaml添加上一下扩展. cupertino_icons: ^0.1.2 flutter_swi ...
- ReentrantLock、Condition结合使用实现多线程通讯
package maptoxml; import java.util.concurrent.ExecutorService;import java.util.concurrent.Executors; ...
- APP手工项目02-用例编写-测试报告-fiddler弱网测试
回顾 APP专项测试(兼容性,安装,卸载,升级,交叉事件,PUSH消息,性能,其他类型) 项目环境(开发环境,测试环境,准生产环境,生产环境) APP内测发布平台(蒲公英,fir.im)支持apk,i ...
- Jquery Ajax WebService
仅供参考 ws.aspx 代码 <script type="text/javascript"> $(function () { $.ajax({ type: " ...
- react 点击事件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Andrew Ng机器学习课程14(补)
Andrew Ng机器学习课程14(补) 声明:引用请注明出处http://blog.csdn.net/lg1259156776/ 利用EM对factor analysis进行的推导还是要参看我的上一 ...
- ES6 中 let 和 const 总结
目录 let const 1. let要好好用 1. 基本用法 2. let声明的变量不存在变量提升 3. TDZ(temporal dead zone)暂时性死区 4. 不允许重复声明 2. 块级作 ...
- 基于 Spring + Atomikos + Mybatis的多数据源配置demo
1.spring配置文件 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=" ...
- jquery-easyui中改变【确认框控件的按钮文字】($.messager.confirm)
根据API这句话,就很自然想到重写该方法,代码如下: $.messager.defaults = { ok: "通过", cancel: "不通过" ,widt ...