08.30 javascript BOM &DOM

# BOM(浏览器对象模型)

## window

#### 定义

* window是js在浏览器环境中 全局变量

* 函数就是window的方法

* 全局变量就是window的属性

#### 属性

* document

* location

* history

* screen

* navigator

* innerWidth   文档区域宽度

* innerHeight  文档区域高度

* outerWidth   浏览器窗口宽度

* outerHeight  浏览器窗口高度

* name 窗口的名字

* parent  父窗口

* top       顶层窗口

* length  子窗口的数量

* frames   子窗口的集合

cursor:pointer;光标为呈现一只手的样子;

<button onclick="window.open(‘01s.html/网址‘,‘是本窗口的打开的话对本窗口命名写上名字‘,‘width=400,height=400‘)">对打开的窗口设置宽高</button>

#### 方法

* alert()   警告框

* confirm()   确认框

* prompt()   可输入弹框

* setInterval()

* clearInterval()

* setTimeout()

* clearTimeout()

* open() 打开新窗口

* close()  关闭窗口

* print()   打印

## location (地址位置)

#### 属性

* href  完整的url

* protocol   协议

* hostname  主机名

* port   端口号

* host    主机名和端口号

* pathname  文件路径

* search   查询部分

* hash     锚点部分

#### 方法

* reload() 重新加载当前文档。

* assign() 保存记录

* replace()不保存记录

## history (历史记录)

#### 属性

* length  历史记录的数量

#### 方法

* back()  回退一步

* forward()  前进一步

* go(n)  前进/后退 n步

## screen (屏幕)

#### 属性

* width  屏幕宽度

* height 屏幕高度

## navigator (导航)

#### 属性

* userAgent    平台、浏览器相关的信息

* platform      平台

# DOM (文档对象模型)

# 补充

### 浏览器内核

* 内核应该包含 渲染引擎 \ JS引擎

* 渲染引擎负责渲染HTML和CSS, JS引擎负责运行JS

* 现在提到浏览器内核也可以单指渲染引擎

### 常见的浏览器内核

* webkit   (chrom safari)

* blink      (webkit的改型,  chrome、opera)

* trident     IE

* Gecko    Firfox

* Kestrel  老欧朋

### URL URI 区别

* URI 标准  中包含 URN 和 URL

* URI:  统一资源标示符

* URN:统一资源命名符

* URL: 统一资源定位符

时间: 2024-08-04 17:01:38

08.30 javascript BOM &DOM的相关文章

前端 JavaScript BOM &amp; DOM

内容目录: 1. BOM 2. DOM BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行"对话". DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素. 一.BOM 1.1 windows对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 wind

Javascript Vs DOM Vs BOM

当前想法有些乱,整理不下去了... 以后如果想起来,再继续整理.... 1.Javascript的组成部分 Javascript的内容分成三个部分:ECMAScript.DOM和BOM. 浏览器,可以看成是ECMAScript运行的宿主环境,然而并不是唯一的宿主环境. The BOM consists of the objects navigator, history, screen, location and document which are children of window. In

JavaScript BOM和DOM

Browser Object Model BOM是所有JavaScript的核心,所有的功能其实都建立在BOM基础之上.各浏览器提供的BOM的功能存在很大差异,BOM在HTML5中已经有很大一部分被放入了标准. Window对象 window对象代表全局作用域. 如果页面包括frame,则每个frame都有自己的window对象. window.open()可以打开新的窗口(或tab页) location对象 主要管理地址栏中的信息: console.log(window.location ==

Javascript操作DOM常用API总结

Javascript操作DOM常用API总结 原文地址:http://luopq.com/2015/11/30/javascript-dom/ 类型 Node类型(ELEMENT_NODE:1 ATTRIBUTE_NODE:2 TEXT_NODE:3 COMMENT_NODE:8``DOCUMENT_NODE:9 DOCUMENT_FRAGMENT_NODE:11) 节点创建型(createElement createTextNode cloneNode createDocumentFragme

【repost】Javascript操作DOM常用API总结

Javascript操作DOM常用API总结 文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识. 基本概念 在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们. Node类型 DOM1级定义了一个Node接口,该接口由DOM中所有节点类型实现.这个Node接口在JS中是作为Node类型实现的.在IE9以下版本无法访问到这个类型,JS中所有

JavaScript、Dom

JavaScript JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 1.JavaScript代码存在形式 1 2 3 4 5 6 7 <!-- 方式一 --> <script type"text/javascript" src="JS文件"></script>   <!-- 方式二 -->

JavaScript、Dom和jQuery

1 var obj=document.getElementById('t1') 2 3 obj.innerText 4 5 obj.innerHTML 1.javascript 插入代码如下: 1 <script type="text/javascript"> 2 var name="server"; //#局部变量 3 age=18; /*#全局变量*/ 4 //for 5 var names=['alex','tony','rain']; 6 for

JavaScript基础--DOM对象(十三):(windows对象:history\location\navigator\screen\event)

DOM编程1.为什么要学习DOM(1) 通过dom编程,我们可以写出各种网页游戏(2)dom编程也是ajax的重要基础2.DOM编程介绍DOM = Document Object Model(文档对象模型)DOM是HTML与XML的应用编程接口(API) BOM和DOM相辅相成的关系BOM为纲,DOM为目,DOM是BOM的具体体现 3.DOM对象 3.1 Windows对象 3.1.1 confirm function test(){ var res= window.confirm("你要删除&

Web UI - Javascript之DOM Ready

最近终于稍微适应了工作环境,终于可以让自己缓口气.于是决定要写点东西,算是督促.记录和提升自己的学习.代码的世界,你不轮它,以后就会被它轮.这个系列尽量保持在一周或两周更一篇,目标是在创造内容的时候更深刻的理解和提升自己所学的知识, 本质上,接触Javascript编程之美,我转到前端工作,其实就是因为非常喜欢和好奇Javascript(当然,也是享受频繁的用代码和用户交互的感觉). 什么是DOM Ready 还记得刚学习Javascript的时候,老师就一直各种强调教导告诉你说js的代码一定要