0

0

JS中常见的Bom对象

一个新手

一个新手

发布时间:2017-10-20 09:59:35

|

2469人浏览过

|

来源于php中文网

原创

bom(browser object mode)浏览器对象模型,是javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统称为bom。

一张图了解一下先

 1、window 对象——BOM核心

window,顾名思义,窗口对象。它表示整个浏览器窗口,主要用来操作浏览器窗口。同时, window对象还是 ECMAScript 中的 Global 对象,因而所有全局变量和函数都是它的属性,且所有原生的构造函数及其他函数也都存在于它的命名空间下。

  弹框类的方法。前面省略window 

     alert('提示信息')
    confirm("确认信息")
    prompt("弹出输入框")
    open("url地址",“_black或_self”,“新窗口的大小”)
    close()  关闭当前的网页

  定时器,清除定时器。

    setTimeout(函数,时间) 只执行一次
    clearTimeout(定时器名称) 清除定时器,用于停止执行setTimeout()方法的函数代码。
    setInterval(函数,时间) 无限执行
    clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

  Cookies 用于存储 web 页面的用户信息。

    JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookies。document.cookie 将以字符串的方式返回所有的 cookies,类型格式: cookie1=value; cookie2=value; cookie3=value;

 2、document 对象

它是window对象的一个属性,可以用来处理页面文档

3、location 对象

帕讯外贸网店系统-静态版
帕讯外贸网店系统-静态版

帕讯外贸网店系统非常适用于做外贸的企业、及个人。有了自己的B2C外贸商城,世界变的更加小,卖东西更加容易!利用它,我们很容易搭建自己的外贸购物平台,做外贸更加轻松。 它是一款针对中小企业的在线B2C电子商务售销系统。是一款易使用,易配制的的外贸商城系统,它具有以下的特点:自由定制定制开发符合企业形象的电子商务系统,并提供强大的技术支持,打造企业网络旗舰形象店 。技术先进采用最新的WEB2.0和静态

下载

对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

  window.location 对象在编写时可不使用 window 这个前缀。 一些例子:

  location.herf = 'url地址'
  location.hostname 返回 web 主机的域名
  location.pathname 返回当前页面的路径和文件名
  location.port 返回 web 主机的端口 (80 或 443)
  location.portocol 返回页面使用的web协议。 http:或https:

4、navigator 对象

对象提供了与浏览器有关的信息。userAgent是最常用的属性,用来完成浏览器判断。

  window.navigator 对象在编写时可不使用 window 这个前缀。

5、screen 对象

主要用来获取用户的屏幕信息。

  window.screen对象在编写时可以不使用 window 这个前缀
  height: 获取整个屏幕的高。
  width : 获取整个屏幕的宽。
  availHeight: 整个屏幕的高减去系统部件的高( 可用的屏幕宽度 )
  availWidth : 整个屏幕的宽减去系统部件的宽(可用的屏幕高度 )

6、history 对象

对象包含浏览器的历史。

  window.history对象在编写时可不使用 window 这个前缀。
  back() 返回上一页。
  forward() 返回下一页。
  go(“参数”) -1表示上一页,1表示下一页。

相关专题

更多
高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

43

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

84

2026.01.16

C++ 单元测试与代码质量保障
C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

24

2026.01.16

java数据库连接教程大全
java数据库连接教程大全

本专题整合了java数据库连接相关教程,阅读专题下面的文章了解更多详细内容。

35

2026.01.15

Java音频处理教程汇总
Java音频处理教程汇总

本专题整合了java音频处理教程大全,阅读专题下面的文章了解更多详细内容。

16

2026.01.15

windows查看wifi密码教程大全
windows查看wifi密码教程大全

本专题整合了windows查看wifi密码教程大全,阅读专题下面的文章了解更多详细内容。

56

2026.01.15

浏览器缓存清理方法汇总
浏览器缓存清理方法汇总

本专题整合了浏览器缓存清理教程汇总,阅读专题下面的文章了解更多详细内容。

16

2026.01.15

ps图片相关教程汇总
ps图片相关教程汇总

本专题整合了ps图片设置相关教程合集,阅读专题下面的文章了解更多详细内容。

9

2026.01.15

ppt一键生成相关合集
ppt一键生成相关合集

本专题整合了ppt一键生成相关教程汇总,阅读专题下面的的文章了解更多详细内容。

26

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.7万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号