Bom对象

BOM是js操作浏览器的方法和接口
Bom中我们常用的是下面几个BOM对象
**Window:**代表整个浏览器窗口。是浏览其中的全局对象
**Navigator:**代表浏览器当前的信息,通过Navigator 我们可以获取用户当前使用的是什么浏览器
**Location:**代表浏览器当前的地址信息,通过Location我们可以获取或者设置当前的地址信息
**History:**代表浏览器的历史信息,通过History我们可以实现上一步/刷新/下一步操作
**Screen:**代表用户的屏幕信息

在Window当中常用的功能又有这么几个
1.窗口控制

  1. moveBy(水平位移量,垂直位移量),按照给定像素参数移动指定窗口

  2. moveTo(x,y)将窗口移动到指定的坐标处(x,y)

  3. scrollBy(水平位移量,垂直位移量),将窗口中的内容按给定的位移量滚动,参数正数时,正向滚动,否则反向滚动

  4. scrollTo(x, y),将窗口中的内容滚动到指定位置

  5. resizeBy(水平,垂直)将当前窗口改变指定的大小(x, y)。当x、y的值大于0是为扩大,当x、y的值小于0是为缩小

  6. resizeTo(水平宽度,垂直宽度),将当前窗口改变成(x,y)大小,x、y分别为宽度和高度

其中move与scroll基本功能相同,在动画上有所区别
2.打开关闭窗口
2.1.Open

  1. 语法:open(“URL”, “窗口名称”, “窗口风格”)

  2. 示例:window.open(“http://www.baidu.com”,"_blank");

  3. 功能:打开一个新窗口,并在窗口中装载指定URL地址的网页

  4. 常用的窗口风格:

  5. Height 数值 窗口高度 不能小于100

  6. Width 数值 窗口宽度 不能小于100

  7. Left 数值 窗口左坐标 不能为负值

  8. Top数值 窗口上坐标 不能为负值

  9. location yes/no 是否显示地址栏

  10. menubar yes/no 是否显示菜单栏

  11. resizable yes/no 是否可以改变窗口大小

  12. scrollbars yes/no 是否允许出现滚动条

  13. status yes/no 是否显示状态栏

  14. toolbar yes/no 是否显示工具栏

2.2.Close
(1)语法:close()
(2)功能:自动关闭浏览器窗口
3.定时器

  1. setTimeout(执行代码,毫秒数)。到了指定的毫秒后,自动执行功能代码
  2. clearTimeout(定时器)。取消setTimeout()设定的定时器
  3. setInterval(重复执行的代码,毫秒数)。制定周期重复执行功能代码
  4. clearInterval(时间间隔器)。取消由setInterval()设置的时间间隔器

4.事件

  1. focus :当窗口得到焦点时激发的事件
  2. blur当窗口失去焦点时激发的事件
  3. load当窗口中的文档完全加载时激发的事件
  4. unload当卸载网页时激发的事件
  5. resize当调整窗口大小时激发的事件
  6. error当执行JavaScript代码产生错误时激发的事件

5.对话框

  1. alert(“提示字符串”)。弹出一个警告,在警告框内显示提示字符串文本
  2. confirm(“提示字符串”)。显示一个确认框,在确认框内显示提示字符串,当前用户单击"确定"按钮时该方法返回true,单击"取消"是返回false
  3. prompt(“提示字符串”,“缺省文本”)。显示一个输入框,再输入框内显示提示字符串,在输入文本框显示缺省文本,并等待用户输入。当用户单击"确定"按钮时,返回用户输入的字符串,当单击"取消"按钮时,返回null值

6.属性
6.1状态栏

  1. defaultStatus:改变浏览器状态栏的默认显示
  2. Status:临时改变浏览器状态栏的显示

6.2窗口位置
这个是非ie浏览器的显示

  • screenX声明窗口的左上角的X坐标
  • screenY声明窗口的左上角的Y坐标
  • pageXOffsest声明当前文档向右滚动过的像素数
  • pageYOffsest声明当前文档向下滚动过的像素数
  • innerHeight返回窗口的文档显示区的高度
  • innerWidth返回窗口的文档显示区的宽度
  • outerHeight返回窗口的外部高度
  • outerWidth返回窗口的文档显示区的宽度

6.3其他属性

  1. opener可以实现同域名下跨窗体之间的通讯,一个窗体要包含另一个窗体的opener
  2. closed当前窗口关闭时返回true
  3. name设置或返回窗口的名称
  4. self返回对当前窗口的引用

Navigator对象,也称为浏览器对象,该对象包含了浏览器的整体信息,如浏览器名称、版本号等。

  1. appCodeName返回浏览器的代码名
  2. appName返回浏览器的名称
  3. appVersion返回浏览器的平台和版本信息
  4. cookieEnabled返回指明浏览器中是否启用cookie的布尔值
  5. platform返回运行浏览器的操作系统平台
  6. userAgent返回由客户机发送服务器的user-agent头部的值

History对象是JavaScript中的一种默认对象,该对象可以用来存储客户端浏览器窗口最近浏览过的历史网址。通过History对象的方法,可以完成类似于浏览器窗口中的前进、后退等按钮的功能。

  1. length浏览器窗口的历史列表中的网页个数
  2. back()返回前一个URL
  3. forward()返回下一个URL
  4. go()返回某个具体页面

**screen对象是一个由JavaScript自动创建的对象,该对象的作用主要是描述客户端的显示器的信息,例如屏幕的分辨率、可用颜色数等。**Screen对象是一个全局对象,该对象中存放的都是静态属性,这些属性值是只读的。

  1. height屏幕的高度,单位为像素
  2. width屏幕的宽度,单位为像素
  3. colorDepth颜色深度
  4. availHeight显示器可用的屏幕高度,单位为像素。(不含任务栏)
  5. availWidth显示器可用的屏幕宽度,单位为像素

Location对象也是JavaScript中的一种默认对象,该对象代表了当前显示的文档的URL。
通过Location对象可以访问当前文档的URL的各个不同部分。
属性:

  1. hash设置或返回从井号(#)开始的URL
  2. host设置或返回主机名和当前URL的端口号
  3. hostname设置或返回当前URL的知己名
  4. href设置或返回完整的URL
  5. pathname设置或返回当前URL的路径部分
  6. port设置或返回当前URL的端口号
  7. protocol设置或返回当前URL的协议
  8. search设置或返回从问好(?)开始的URL

方法:

  1. assign(URL)加载新的文档
  2. reload()重新加载当前页面
  3. replace(newURL)用新的文档替换当前的文档

documen文档对象
集合:

  1. anchors[]描点对象数组
  2. images[]图像对象数组
  3. links[]链接对象数组
  4. forms[]表单对象数组

属性:

  1. cookie 设置或返回与当前文档有关的所有cookie
  2. domain 返回当前文档的域名
  3. referrer 返回载入当前文档的文档的URL
  4. title 返回当前文档的标题
  5. URL 返回当前文档的URL

方法:

  1. open() 打开一个新的文档,并擦除旧文档内容
  2. close() 关闭文档输出流
  3. write() 向当前文档追加写入文本
  4. writeln() 与write()相同,在
    中会追加换行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值