JavaScript之外部对象概述、window对象、document对象

最新推荐文章于 2020-10-16 10:42:03 发布
最新推荐文章于 2020-10-16 10:42:03 发布
阅读量528 收藏 1
点赞数
分类专栏： WebBasic 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27853161/article/details/53673790
版权

外部对象概述

BOM 浏览器对象模型

这里写图片描述

DOM 文档对象模型

这里写图片描述

BOM与DOM

这里写图片描述

window对象

浏览器窗口

这里写图片描述

这里写图片描述

对话框

这里写图片描述

定时器

这里写图片描述

周期性定时器

这里写图片描述

一次性定时器

这里写图片描述

常用属性

screen对象

这里写图片描述

history对象

这里写图片描述

location对象

这里写图片描述

这里写图片描述

document对象

DOM概述

Document Object Model文档对象模型

这里写图片描述

DOM 节点树

这里写图片描述

DOM操作

这里写图片描述

读取、修改

节点信息

这里写图片描述

这里写图片描述

元素节点的内容

这里写图片描述

这里写图片描述

节点属性

这里写图片描述

这里写图片描述

元素节点的样式

这里写图片描述

查询

根据元素ID查询节点

这里写图片描述

根据层次查询节点

这里写图片描述

根据标签名查询节点

这里写图片描述

这里写图片描述

这里写图片描述

根据name属性查询节点

这里写图片描述

增加

创建新节点

这里写图片描述

添加新节点

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

删除

删除节点

这里写图片描述


这里写图片描述

IsSwm
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS的外部对象
sone21的博客
12-20 1572
JS的外部对象   外部对象（window）包含history，location，document，screem，navigator属性对象。    History 对象包含用户（在浏览器窗口中）访问过的 URL。    History对象的属性有length,返回浏览器历史列表中的 URL 数量。    有三种方法    back（）：加载 history 列表中的前一个 URL。
BOM
weixin_30493321的博客
03-20 65
js是一种面向对象的语言，它把一切都看成对象，BOM就是浏览器对象模型。1.window对象，window对象表示整个浏览器窗口。frames集合--可以用window.frames[0]或者window["frameName"]来引用也可用top.frames[0]或者top.frames["frameName"]来引用（top对象表示最顶成的...
javaScript外部对象
qhj1610的博客
04-02 349
BOM对象Browser Object Model, 浏览器对象模型，用来访问和操作浏览器窗口的，使 javascript 有能力与浏览器窗口“对话”。通过使用 BOM ，可移动窗口，更改状态栏文本，执行其他不与页面内容发生直接联系的操作。没有相关标准，但被广泛支持。DOM对象Document Object Model,文档对象模型，用来操作文档。定义了访问和操作 HTML 文档的标准方法。应用程序
javascript外部对象,window对象,document对象
钟晚语夕的专栏
12-06 3082
BOM: Browser Object Model:浏览器对象模型，用来访问和操纵浏览器窗口，使js有能力与浏览器“对话”，通过使用BOM，可移动窗口、更改状态文本、执行其他不与页面内容发生直接联系第操作，且没有相关标准，但被广泛支持。 1、外部对象就是浏览器提供（内部）的API 2、这些对象由W3C规定，由浏览器开发者设计并开发 3、这些对象分为2部分，其中BOM包含了DOM 4、我们
javascript常用对象梳理
06-23
作为客户端JavaScript的最高层对象之一，`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是简单的页面操作还是复杂的动态效果实现，都离不开对`Window`对象及其属性、方法的灵活运用。 #### 二、Window对象的...
JavaScript[对象.属性]集锦、事件查询综合
09-17
- **概述**: `frame`对象是整个浏览器窗口的一部分，它继承了`window`对象的所有属性，除了`status`, `defaultStatus`和`name`。 - **关联对象**: - `location`: 包含当前URL的信息。 - `href`: 整个URL字符串。 ...
Javascript基础笔记
08-22
* window 对象：包括 window 对象的事件、方法等。 * location 对象：包括 location 对象的属性、方法等。 * navigator 对象：包括 navigator 对象的属性、方法等。 * history 对象：包括 history 对象的属性、方法...
Tedu教育JavaScript的课件
02-06
#### 一、JavaScript概述 - **JavaScript**是由Netscape公司在1995年推出的，最初被称为Mocha，随后改名为LiveScript，最终定名为JavaScript。作为一种广泛使用的编程语言，JavaScript已经成为前端开发的核心技术之...
JavaScript从入门到精通学习笔记
最新发布
07-19
- **BOM (Browser Object Model)**：定义了浏览器窗口和与之相关的对象，例如 window 对象、location 对象等。 - **Web APIs**：提供了丰富的浏览器功能接口，如 AJAX、Canvas、Web Workers 等。 **1.3 JavaScript...
详解HTML中的window对象和document对象
热门推荐
jcx5083761的专栏
11-18 2万+
Window -- 代表浏览器中一个打开的窗口： 对象属性 　　window //窗口自身 　　window.self //引用本窗户window=window.self 　　window.name //为窗口命名 　　window.defaultStatus //设定窗户状态栏信息 　　window.location //URL地址，配备布置这个属性可以打开新的页面 对象方法 　
JS中document对象和window对象有什么区别
sinat_33255495的博客
10-16 2021
很多新入门的小伙伴可能分不清 document 与 window 对象到底有什么区别，总是搞不清楚它们的作用与使用情景，现在我们来仔细说说它们两个到底哪里不一样？ 一、指代不同 1、document对象：代表给定浏bai览器窗口中的 HTML 文档。 2、window对象：表示浏览器中打开的窗口。 二、作用不同 1、document对象：使用 document 对象可以对 HTML 文档进行检查、修改或添加内容，并处理该文档内部的事件。 2、window对象：浏览器会为 HTML 文档创建一个 window
什么是网页对象？简述window对象和document对象常用的属性和方法。
weixin_30596023的博客
02-22 547
并不理解什么是网页对象（-_-）.只看到对象（Object），对象是类的实例，是用类来声明的数据结构，如果将类比作数据类型，对象就是相应数据类型的变量，在内存中分配特定的空间，存储数据。 Window对象封装了窗口标题、工具按钮、地址栏、客户区、状态栏等，这些窗口的组成部分，也被定义为浏览器对象，他们都是window的成员对象，因此，构成一种层次结构，这就是浏览器对象模型（B...
eval是做什么的？什么是window对象? 什么是document对象?
kiku
10-20 604
eval是做什么的？ 它的功能是把对应的字符串解析成JS代码并运行； 应该避免使用eval，不安全，非常耗性能（2次，一次解析成js语句，一次执行）。 由JSON字符串转换为JSON对象的时候可以用eval，var obj =eval(’(’+ str +’)’); 参考文章： Web前端面试指导(三十七)：eval是做什么的？ 什么是window对象? 什么是document对象? ...
HTML之图像、超链接、表格、表单
SwmIsMe的博客
12-14 3290
图像图像元素 <img>元素将图像添加到页面，属于单标签 必须属性:src 常用属性:width、height 绝对路径和相对路径绝对路径 从盘符开始写出图片的完整的路径 如 D:/images/1.jpg 缺点： - 路径写的很长，麻烦 - 若项目上线时，用户将网页和图片存到别的盘符下，那么所有路径都错了。 相对路径 只需要写出图片和网页的相对位置。 优点：
CSS声明之文本格式化、表格样式、定位、列表样式、显示方式、鼠标形状
SwmIsMe的博客
12-15 953
文本格式化控制字体控制文本格式 表格样式表格常用样式属性 表格特有样式属性定位定位简介流定位浮动定位 相对定位 绝对定位 定位属性 堆叠顺序 固定定位 列表样式list-style-type（有序/无序列表） list-style-image 固定定位显示方式默认显示方式改变显示方式 鼠标形状如何改变鼠标形状cursor属性
JavaScript之自定义对象、事件
SwmIsMe的博客
12-16 540
自定义对象创建对象直接创建对象使用构造器创建对象 使用json创建对象事件概述属性定义 event对象获取event对象IE浏览器FireFox浏览器在HTML代码中，解决浏览器兼容问题使用event对象 事件处理机制
CSS之使用、语法、选择器、border与box、背景
SwmIsMe的博客
12-14 537
WHAT IS CSS? CSS 指层叠样式表（Cascading Style Sheets） 样式定义如何显示HTML元素 样式通常存储在样式表中 CSS就是给HTML化妆的 如何使用CSS内联样式 样式定义在HTML元素的属性style里 CSS语法 – 在元素的style属性内直接写样式,此样式无法复用 – 属性和属性值之间用：连接 – 多对属性之间用；隔开 <h1 style="col
JavaScript基础教程：第13章 概述与应用
本地对象是指由JavaScript引擎提供的对象，如Window对象代表浏览器的窗口，Document对象代表HTML文档。 13.8 内置对象 JavaScript提供了一些内置对象，如Array、Date、Math等，它们提供了许多预定义的方法和属性，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值