第187天:js基础---常见的Bom对象

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 对象

对象用于获得当前页面的地址 (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表示下一页。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

jQuery插件开发全解析

jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于j...

41370
来自专栏柠檬先生

sass 基础——回顾

1.webstorm 自动编译SASS   下载安装包 http://rubyinstaller.org/downloads/   然后点击安装,路径为默认路...

24670
来自专栏张善友的专栏

数据源控件参数类Parameter

Parameter 类表示由 ASP.NET 数据源控件用来选择、筛选或者修改数据的参数化 SQL 查询、筛选表达式或业务对象方法调用中的参数。Paramet...

211100
来自专栏Modeng的专栏

Vue2.5笔记:Vue的实例与生命周期

理解与认识 Vue 的实例是我们学习 Vue 非常重要的一步,也是非常必须的,因为实例是它的一个起点,也是它的一个入口,只有我们创建一个 Vue 实例之后,我们...

9320
来自专栏抠抠空间

JavaScript之BOM

一、什么是BOM? BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。 二、Wind...

34450
来自专栏偏前端工程师的驿站

前端构建:Less入了个门

一、前言                                说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scs...

20570
来自专栏C#

解析.NET对象的跨应用程序域访问(下篇)

    转眼就到了元宵节,匆匆忙忙的脚步是我们在为生活奋斗的写照,新的一年,我们应该努力让自己有不一样的生活和追求。生命不息,奋斗不止。在上篇博文中主要介...

22960
来自专栏finleyMa

补充上一篇 实现基于最新chrome的动态按需加载组件

上面代码中,import函数的参数specifier,指定所要加载的模块的位置。import命令能够接受什么参数,import()函数就能接受什么参数,两者区别...

13050
来自专栏从零开始学自动化测试

Selenium+python自动化82-只截某个元素的图

前言 selenium截取全图小伙伴们都知道,曾经去面试的时候,面试官问:如何截图某个元素的图?不要全部的,只要某个元素。。。小编一下子傻眼了, 苦心人,天不负...

52140
来自专栏梦魇小栈

面试分享:2018阿里巴巴前端面试总结(题目+答案)

最开始的思路是用定时器实现,最后没有想的太完整,面试官给出的答案是用requestAnimationFrame。

15530

扫码关注云+社区

领取腾讯云代金券