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表示下一页。

原文地址:https://www.cnblogs.com/le220/p/8523353.html

时间: 2024-11-10 16:06:23

JS基础---常见的Bom对象的相关文章

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

   前   言 絮叨絮叨 这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数 函数的声明及调用 1.函数的声明格式: func

js中的事件 bom对象 dom对象.

3.事件 什么是事件?为什么使用事件? 我们学习事件首先了解一些概念 事件源 事件 监听器 事件源:事件的源头(也就是这个事件是由某某触发的,那么我们就管其叫事件源) 监听器:监听事件发生的组件.那么监听器要想监听事件是否发生,必须注册监听(绑定监听) js中常用的事件 1.onclick 鼠标点击某个对象 我们在开发中一般会对按钮,文本框或radio checkbox等进行onclick操作. 2.onblur 失去焦点 3.onfocus 获去焦点 4.onchange 改变域的内容 针对于

JS基础语法---内置对象

js学习中三种对象: 内置对象----js系统自带的对象 自定义对象---自己定义的构造函数创建的对象 浏览器对象---BOM的时候讲 内置对象: Math Date String Array Object //如何验证变量是不是对象? console.log(Array instanceof Object); var obj={}; console.log(obj instanceof Object); 原文地址:https://www.cnblogs.com/jane-panyiyun/p/

js基础,Array 数组对象、BOM 浏览器对象模型

Array 数组对象 定义数组的 3种方式 var week = new Array(); var week = new Array(‘星期一’ , ‘星期二, ‘星期三’); var week = (‘星期一’ , ‘星期二, ‘星期三’); 常用方法: 获取数组的长度 .length: alert(week.length); 获取数组下标所对应的值: alert(week[0]); 数组元素添加: 将一个或多个新元素添加到数组结尾,并返回数组新长度 var week_len = week.p

JS基础知识梳理---String对象

A:对象的声明 var stringObject = new String(“hello word”); var stringObjectB = “hello word”; B:StringObject具备的属性 StringObject.length,字符串长度(空格也占位);相应的,可以通过string[n]来访问字符串中角标为n的字符 var str = “today is good today”; console.log(str.length);//19 console.log(str[

Js基础知识7-Es6新增对象Map和set数据结构

前言 JavaScript中对象的本质是键值对的集合,ES5中的数据结构,主要是用Array和Object,但是键只能是字符串.为了弥补这种缺憾,ES6带来了一种新的数据结构Map. Map也是键值对的集合,只是键不仅可以是字符串还可以是其他数据类型,比如:对象(是不是很神奇).请看下面例子..下面话不多说了,来一起看看详细的介绍吧. Map 对象 Map结构提供了“值—值”的对应,任何值(对象或者原始值) 都可以作为一个键或一个值,是一种更完善的Hash结构实现.如果你需要“键值对”的数据结构

浏览器内核与BOM对象介绍

BOM(Browser Object Model)对象介绍 我们都知道js有三部分组成,ECMAScript.DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其它浏览器也是风格迥异. 那么BOM和DOM有什么不同呢? DOM是由W3C的制订,所有浏览器共同遵守的标准,描述了处理网页内容和方法的接口:BOM是各个浏览器厂商根据DOM实现与各自浏览器进行交互的方法和接口,表现为不同浏览器定义有差别,实现方式不同. BOM主要处理浏览器容器的框架,不过通常浏览器特定的js扩展

js基础和js操作bom和dom对象

流程控制 if判断 if (a == 1){ //判断条件写在小括号里面,大括号里面写条件判断成功后的代码内容 console.log('1111'); } else{ console.log('222'); } 多条件判断 var a = 0; if(a > 1){ // console.log('1111'); // var hhhh = document.getElementById('d1'); // hhhh.innerText = '彭于晏'; }else if(a<1){ con

JavaScript基础16——js的BOM对象

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js的BOM对象</title> 6 <script type="text/javascript"> 7 // BOM:Broswer Object Model 浏览器对象模型 8 /* 9 navifator 获取客户端(浏览器)的信息 10