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(utl,name)

    scrollBy() 按照指定像素值开滚动内容

    scrollTo() 把内容滚动到指定的坐标

    定时器:

    周期性:var time = setInterval(function(){...},毫秒数) 每个多少毫秒触发一次

        停止定时器 clearInterval(time)

    一次性:setTimeout(function(){...},毫秒数)  经过多少毫秒触发 只触发一次

  2.navigator对象

    navigator对象属性

      cookieEnabled 返回浏览器是否启用cookie的boolean值

      onLine 返回系统是否有网的boolean值

      userAgent 包含浏览器名称、内核版本号的字符串

      plugins 插件  navigator.plugins[‘插件名‘]

  3.history对象

    history对象属性

      length 返回浏览器历史列表中的url数量

    history对象方法

      back() 后退到前一个网页

      forward() 前进到下一个网页

      go(n) 进入到某一个网页 1 前进 -1 后退 0 刷新

  4. location对象

    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

    

      

      

    

    

原文地址:https://www.cnblogs.com/blogzzy/p/11637889.html

时间: 2024-10-17 19:56:32

javascript--BOM(browser object model)五大对象的相关文章

BOM(Browser Object Model) 浏览器对象模型

JavaScript 实现是由 3 个部分组成:核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM) BOM(Browser Object Model) 浏览器对象模型BOM定义了JavaScript进行操作浏览器的各个功能部件的接口,提供访问文档各个功能部件(如窗口本身.屏幕功能部件.框架.浏览历史记录等)的途径以及操作方法.BOM是JavaScript应用中唯一没有相关标准的部分, ,每种浏览器都有其特有的BOM扩展实现. BOM对象 描述Window JavaSc

javascript快速入门之BOM模型—浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup--网页超文本应用程

BOM (Browser Object Model) 浏览器对象模型

l对象的角色,因此所有在全局作用域中声明的变量/函数都会变成window对象的属性和方法; // PS:尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的对象是否存在; var newValue = oldValue; // =>ReferenceError:oldValue is not defined; var newValue = window.oldValue; // =>undefined; 1.window对象的属性和方法window对象有一系列

浏览器对象模型(BOM,Browser Object Model)

本文内容 1.概述 2.windows与document 3.对话框 4.定时调用 5.URL解析与访问历史 6.浏览器和屏幕信息 ★概述 “浏览器对象模型(Browser Object Model,BOM)”是由浏览器实现的可供JavaScript程序调用的一组对象,通过它们,Web开发与设计者使用JavaScript代码可以完成与“控制”浏览器进程相关的许多工作. BOM由一系列相关的对象构成,其中Window对象使整个BOM的核心,其他对象和集合对象都是window对象的属性. BOM中定

BOM——浏览器对象模型(Browser Object Model)

什么是BOM? BOM是Browser Object Model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C(WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程

BOM—浏览器对象模型(Browser Object Model)

 1,javascript   组成部分: 1.ECMAscript(核心标准):    定义了基本的语法,比如:if for 数组 字符串 ... 2.BOM  : 浏览器对象模型(Browser Object Model) 2,BOM 的组成部分: 1.window对象 每一个子窗口对应的又是一个window对象 2. screen对象 3.location对象 4.history对象 5.Navigator对象 6.定时器 (两种) 7.弹框(三种) 8. document (DOM-文档

(一)、BOM:Browser Object Model

BOM window 打开关闭窗口 窗口大小和窗口位置 ****定时器 (一).BOM:Browser Object Model 浏览器对象模型:用来访问和操作浏览器窗口,使JS有能力与浏览器交互. 专门操作浏览器窗口的API--没有标准,有兼容性问题 浏览器对象模型的主要对象 window:代表整个窗口是BOM的根对象 2个角色:1.代替global称为全局作用域对象  2.封装所有DOM API 和BOM API 以下为window的子对象 1.history:封装当前窗口打开后,成功访问过

BOM —— 浏览器对象模型(Browser Object Model)

一.什么是 BOM BOM 是 Broswer Object Model 的缩写,中文为浏览器对象模型 BOM 提供了独立于内容而与浏览器窗口进行交互的对象 由于 BOM 主要用于管理窗口与窗口之间的通讯,因此其核心对象是 window BOM 缺乏标准,所以你会发现 MDN 上面搜寻不了,JavaScript语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C 二.一些大部分通用的API window对象——BOM核心 window.alert('提示信息') window.confi

BOM:Browser Object Model(浏览器对象模型)

1.window对象 2.navigator对象3. screen对象4.history对象5. location对象6. document对象 window对象1.属性 * pageXOffset:页面相对于视口的位置,x轴 * pageYOffset:页面相对于视口的位置,y轴 * screenX:浏览器相对于屏幕的坐标,x轴 * screenY:浏览器相对于屏幕的坐标,y轴 * innerWidth:文档显示区的宽 * innerHeight:文档显示区的高 * outerWidth:文档