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
最新文章
- 【VC++技术杂谈007】使用GDI+进行图片格式转换
- Oracle同一数据库实例不同用户间的数据迁移
- SAP CRM 项目笔记(一) SOW(工作说明书)讨论
- 1566: [NOI2009]管道取珠 - BZOJ
- yiibooster+bsie
- Java的别名机制
- opencv学习笔记(02)——遍历图像(指针法)
- gcc,g++,extern “C” :一些编译错误的缘由
- 27、Service
- mysql 字符串拼接函数CANCAT()与GROUP_CANCAT()
- js通用对象数组冒牌排序
- (原)css 响应式媒体查询 模板
- 害人的VS2008,manifest导致“应用程序配置不正确,应用程序未能启动”
- WPF ----在UserControl的xaml里绑定依赖属性
- PHP游戏概率方法
- Windows安裝PHP環境
- verilog 异步复位代码
- Nginx 反向代理+高可用
- Linux下部署多个Tomcat(完整)
- Coding kata: get the top two teams in one group
热门文章
- OSG 遍历fbx节点
- osgViewer::View::setUpViewOnSingleScreen()
- 【424】C语言二级指针
- svn如何撤销之前某个版本所做的改变
- laravel-excel 表格 文档翻译笔记
- JS实现使用Math.random()函数生成n到m间的随机数字
- 神经网络与机器学习第3版学习笔记-第1章 Rosenblatt感知器
- Python2 中字典实现的分析【翻译】
- python 创建虚拟环境时报错OSError, setuptools下载失败
- 基于springJDBC手写ORM框架