一、BOM 浏览器对象模型 BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。...1.window对象： BOM的核心对象是window，它表示浏览器的一个实例，在浏览器中window对象有双重角色既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global...对象。...window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义 window 对象。...5. screen对象（详见w3c的js screen对象） 屏幕总宽度/高度: screen.width screen.height 可用宽度/高度: screen.availWidth
source=cloudtencent window 对象 提示框 alert alert(1) 确认提示框 confirm var conf = confirm('是否打开') // true or...删除缓存 读取缓存结果：空 设置和删除缓存后可以通过 "浏览器调试工具" 进行验证。...location 对象# 获取 url 地址 location.href var str = location.href // 'https://echarts.noxussj.top/#/' 获取域名...# 获取浏览器名称 navigator.appName var str = navigator.appName // 'Netscape' 获取浏览器版本 navigator.appVersion var...# 浏览器缓存 document.cookie cookie 是最原始的浏览器缓存，cookie 会有过期时间，如果不设置则关闭当前浏览器窗口则会立即失效。
DOM Window 代表窗体 DOM History 历史记录 DOM Location 浏览器导航 重点：window、history、location ，最重要的是window对象 1.window...对象 Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window...对象 window.frames 返回窗口中所有命名的框架 parent是父窗口（如果窗口是顶级窗口，那么parent==self==top） top是最顶级父窗口（有的窗口中套了好几层frameset...();",1000);//不终止 } 2.history 对象...代表浏览器导航 在js函数中发起href链接效果 location.href='跳转后url' ; 等价于
第5章 浏览器对象模型 5.1 介绍 浏览器对象模型(Browser Object Model)–英文简称 BOM，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。...我们使用JavaScript与浏览器交互的所有内容，均来自 浏览器对象模型。...浏览器对象模型的具体实例化对象就是 window 对象； window 对象下有很多属性和方法，我们前面学过的DOM对象，就是window对象的一个属性，只不过这个属性的值又是一个对象，因此也成为window...window.console : 返回console对象的引用，该对象提供了对浏览器调试控制台的访问。...userAgent : 通过userAgent可以判断用户浏览器的类型 platform : 通过platform可以判断浏览器所在的系统平台类型. geolocation : 位置定位对象； 参考
BOM 1.window对象 2.location对象 3.history对象 BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。...BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标准的或者还没有哪个组织去标准它。...一．window对象 BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义 window 对象。...history对象的属性 属性 描述URL中的哪部分 length history对象中的记录数 history对象的方法 方法 功能 back() 前往浏览器历史条目前一个URL，类似后退 forward...() 前往浏览器历史条目下一个URL，类似前进 go(num) 浏览器在history对象中向前或向后 function back() {//跳转到前一个URL history.back(); } function
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。...---- 浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model (BOM)）尚无正式标准。...由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。 ---- Window 对象 所有浏览器都支持 window 对象。...它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。...("header"); ---- Window 尺寸 有三种方法能够确定浏览器窗口的尺寸。
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 (BOM) 浏览器对象模型（Browser Object Model）尚无正式标准。...由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。 Window 对象 所有浏览器都支持 window 对象。...它表示浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。...甚至 HTML DOM 的 document 也是 window 对象的属性之一： window.document.getElementById("header"); 与此相同： document.getElementById...("header"); Window 尺寸 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型 （Browser Object Model） 尚无正式标准。...由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。 1 Window 对象 所有浏览器都支持 window 对象。...表浏览器窗口。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。.../js_window_location.asp 2.3 Window Location Pathname location.pathname 属性返回 URL 的路径名。...实例 返回当前 URL 的路径名： document.write(location.pathname); 以上代码输出为： /js/js_window_location.asp
> DOM 解析模型...所有可以使用XML DOM API规范 DOM Element DOM Attr DOM Text DOM Document HTML DOM是对XML DOM的扩展， HTML DOM比XML DOM 开发JS...HTML DOM最优秀的地方是，操作form对象和table数据 1.BOM和HTML DOM关系图 学习DOM 编程，从Document对象开始，document代表当前HTML网页文档对象，是window...对象一个属性，可以直接使用 ，所有HTML DOM对象都是Document子对象 2.DOM编程开发 window.document 代表整个HTML文档 ①：通过document获得Node节点对象...document.forms 获得页面中所有form元素集合 document.body 访问页面中 元素 document.cookie 用JS操作网页cookie信息 全局检索提供了三个重要的方法
Window History window.history 对象包含浏览器的历史。...history.back() - 与在浏览器点击后退按钮相同 history.forward() - 与在浏览器中点击按钮向前相同 JavaScript 消息框 警告框 当警告框出现后，用户需要点击确定按钮才能继续进行操作
浏览器中内置对象History属性与方法详解 引言 正文 一、History对象的作用 二、History对象的引用 三、History对象的方法 四、History对象的属性 结束语 引言 在学过JavaScript...之后，我们都知道对象分为内置对象 、宿主对象 、自定义对象，我们经常用到的浏览器中的内置对象就是宿主对象的一种，浏览器的内置对象有很多，本文就来详细讲解一下History对象的属性与方法吧。...正文 因为把浏览器的所有内置对象逐个详细讲解，文章篇幅会很长，所以我把每个对象的讲解都放在不同的文章中，大家如果还想了解其他的浏览器内置对象，可以划到文章最后一部分，那里有跳转链接。...二、History对象的引用 我们可以通过浏览器的全局对象window来引用History对象，像这样window.hisory ，也可以直接通过 history 来引用History对象。...结束语 好了，Hitory对象的讲解就到这里了，如果各位对浏览器的其他内置对象感兴趣的话，可以去看我这篇文章——浏览器中的JavaScript核心讲解之BOM（浏览器对象模型），翻到最底部，可以看到各种其它浏览器内置对象的详解
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 ?...浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。 JavaScript由对象组成，一切皆为对象。 1.2、JavaScript脚本语言特点 a)、解释型的脚本语言。...用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。...BOM是browser object model的缩写，简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window...浏览器供应商次要信息 */ 四、DOM DOM（文档对象模型）是针对HTML和XML文档的一个API，通过DOM可以去改变文档。 ?
模型及扩展 文档对象模型DOM DOM即文档对象模型，是W3C制定的标准接口规范，是一种处理HTML和XML文件的标准API。...---- BOM简介 BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构...BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 什么是BOM？...BOM是Browser Object Model的缩写，简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window...可提供WEB浏览器详细信息的导航对象； 4.可提供浏览器载入页面详细信息的本地对象； 5 .可提供用户屏幕分辨率详细信息的屏幕对象； 6. 支持Cookies； 7.
浏览器中的JavaScript核心BOM（浏览器对象模型）重点掌握对象之Window对象的属性与方法 引言 正文 一、Window对象的方法 （1）计时器 （2）打开窗口 （3）关闭窗口 （4）对话框...二、Window对象的属性 结束语 引言 浏览器为我们提供了JavaScript运行的环境，同时也给我们提供了很多的对象，我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。...（3）关闭窗口 既然window对象有打开窗口的函数，那肯定少不了关闭窗口的函数，我们可以通过 window对象.close() 的方式，关闭一个窗口，大多数的浏览器只允许关闭由自己的js代码打开的窗口...执行时，在浏览器弹出一个消息提醒框，字符串会作为内容显示在框内。 执行了该方法以后，会阻碍后面的js代码的运行，只有等用户手动关闭了该弹框以后，后面的js代码才会继续执行。...Location对象 博客链接：浏览器中内置对象Location属性与方法详解 History对象 博客链接：浏览器中内置对象History属性与方法详解 Navigator对象 博客链接：浏览器中内置对象
浏览器中内置对象Location详解 引言 正文 一、Location对象的作用 二、Location对象的引用 三、Location对象的属性 四、Location对象的方法 结束语 引言 在学过JavaScript...之后，我们都知道对象分为内置对象 、宿主对象 、自定义对象，我们经常用到的浏览器中的内置对象就是宿主对象的一种，浏览器的内置对象有很多，本文就来详细讲解一下Location对象的属性与方法吧。...，所以我把每个对象的讲解都放在不同的文章中，大家如果还想了解其他的浏览器内置对象，可以划到文章最后一部分，那里有跳转链接。...二、Location对象的引用 我们可以通过浏览器的全局对象window来引用Location，像这样window.location ，也可以直接通过 location 来引用Locagtion对象。...结束语 好了，Location对象的讲解就到这里了，如果各位对浏览器的其他内置对象感兴趣的话，可以去看我这篇文章——浏览器中的JavaScript核心讲解之BOM（浏览器对象模型），翻到最底部，可以看到各种其它浏览器内置对象的详解
1.对象转数组 var obj = {name:”张三”,name:”李四”,name:”王五”}; var arr = []; arr = Object.values(obj) //obj就被转换成数组了...2.数组转对象 var obj={}; var arr = []; for(key in arr) { obj[key] = arr[key] //上面的对象obj会被这里新转换的替换 } 3.获取对象长度...对象的长度不能用.length获取，用js原生的Object.keys可以获取到 var obj = {‘ww’:’11’,’ee’:’22}; var arr = Object.keys
浏览器中内置对象Navigator和对象Screen的简单了解 引言 正文 一、Navigator对象 二、Screen对象 结束语 引言 想必大家很奇怪，为什么本文是简单了解。...Navigator对象主要是用来帮助我们获取浏览器的一些信息的，例如浏览器的名称 、浏览器编译版本 、浏览器的语言 、浏览器使用的插件信息…… 并且该对象被所有支持javascript语言的浏览器支持...，每个浏览器中的navigator对象都有一套自己的属性，所以我们就来列举一些大多数浏览器都通用的Navigator对象的属性吧 属性 描述 appName 完整的浏览器名称 appVersion 浏览器的版本...二、Screen对象 该对象可以获取浏览器窗口外部显示器的信息，例如像素宽度和高度之类的。...那因为每个浏览器的Screen对象都有他们各自支持和不支持的属性，那我在这里就列举所有浏览器的支持的属性给大家，如果有想深入研究的可以去搜索更多的属性，以及他们的版本支持 属性 描述 availHeight
概述 JavaScript中: js中的对象就是生活中对象的一个抽象， 没有特征和行为,取而代之的是有对应的属性和方法; var stu = { name : '张三',...对象.属性 = 值 如果对象有这个属性，修改这个属性 如果对象没有这个属性，添加这个属性 获取对象的属性 // 语法 对象名.属性 console.log(obj.name);...： // 对象.属性：对象的属性 // 1....主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。...// 结构 : Object.keys(对象) Object.keys(obj) 值类型与引用类型 JS数据类型 简单数据类型：number、string、boolean、undefined
BOM是browser object model的缩写，简称浏览器对象模型 Window对象的分类 Window对象中的属性对象Document文档对象 wondow.onload事件:当页面加载完成做一些事情...,close方法,不能关闭非js代码打开的窗口....在W3C规范的浏览器中(非IE):close方法只能关闭open方法打开的窗口....访问历史 Window对象属性对象History history.go(index)函数，在浏览器历史记录中跳转，正数为前跳，负数为后跳 history.back()函数，后跳; history.forward...navigator对象用于获得浏览器相关信息;使用console.dir(navigator)查看成员信息。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
