1+X考试课程（十二）DOM和BOM操作

最新推荐文章于 2021-09-29 00:17:39 发布
最新推荐文章于 2021-09-29 00:17:39 发布
阅读量320 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45166354/article/details/102468863
版权
本文介绍了DOM和BOM的基本操作，包括document对象的节点操作，BOM中的window对象、navigator、screen、history、location以及弹出框的使用。通过案例探讨了setTimeout和setInterval在定时器中的应用。
摘要由CSDN通过智能技术生成

这里只介绍DOM对象和BOM对象的常用用法

DOM

document对象的节点操作

方法 意义
write() 可以把任意字符插入到文本中
createElement() 创建一个元素节点
appendChild() 添加一个新的节点到某个已知节点的末尾
createTextNode() 创建一个文本节点
insertBefore() 创建节点到已知指定节点的前面
removeChild() 删除节点
cloneNode() 复制节点
replaceChild() 替换节点

BOM

window 是 BOM 中的 顶层 对象

window.innerWidth 浏览器窗口的内部宽度
window.innerHeight 浏览器窗口的内部高度
window.open() 打开新的窗口
window.close() 关闭当前的窗口

其他对象都属于window 子 对象

naviga

最低0.47元/天 解锁文章
Java.李知恩
关注
关于JavaScript的DOM和BOM简单案例
AtlantisChina
10-12 672
使用JavaScript来实现电灯开关、轮播图、自动跳转首页、动态表格、表格选择、表单验证等案例效果。
12-关于DOM操作的相关案例
weixin_33712987的博客
06-04 117
1.模态框案例 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t...
day58 BOM操作和DOM操作案例
xiaoyurainzi的博客
09-24 166
目录模态框案例模态框扩展案例点击有惊喜案例简易评论框案例简易评论框改进案例选项卡案例 模态框案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box1{ position: absolute;
js干货-Bom，Dom事件及各种案例
weixin_42881232的博客
07-09 389
BOM : 浏览器的一窗口 window 对象 不同的窗口不共享 window 实际上全局变量的和全局函数都属于window对象的自定义属性和方法 window 对象的属性 navigator 浏览器的相关信息 userAgent(字符串) 可以用于判断用户登录的设备 history 访问历史记录 length 这个窗口打开过几个页面 back() 回退一步 forward() 前进一步 go(-1/1/2) location 地址栏 host 主机+端口号 www.jd.com:8
JavaScript-4.5-BOM 与 DOM-案例
QWH_PYTHON的博客
11-13 421
JavaScript-4.5-BOM 与 DOM-案例案例一：简单的留言板 案例 一：简单的留言板 输入昵称和评论内容，单击“提交内容”按钮，可以将最新的评论插入到已有评论的下方 昵称和评论内容为空时，不能提交 提交后获取当前时间 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
1+x证书web前端开发基础课程大纲
Zeus
11-19 3387
前端开发是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。Web前端工程师，他是伴随着web兴起而细分进去的行业。Web前端的岗位职责是利用HTML、CSS、JavaScript、DOM、Flash等各种Web技能结合产品的界面开发。web前端开发入门教程要学哪些内容呢？ 首...
前端1+x中级证书需要考哪些
最新发布
05-18
前端1+x中级证书需要考察以下几个方面： 1. HTML/CSS基础：了解HTML/CSS的语法、标签、属性，能够实现基本的页面布局和样式设计，...具体的考试内容可以参考1+x中级前端证书的官方网站或者培训机构提供的课程安排。
JavaScript—进阶篇
weixin_44595042的博客
03-10 2663
JavaScript—进阶（笔记）第1章 系好安全带,准备启航1-1 让你认识JS 简介： 做为WEB攻城师必备技术JavaScript，本课程从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。 课程须知： 您至少掌握HTML+CSS基础知识 学习内容： 通过JavaScript学习，掌握基本...
JavaScrip笔记心得（持续更新）
z1427094386的博客
09-29 723
JavaScrip笔记心得一、JavaScript简介1、JavaScript2、JavaScript使用方法3、JavaScript 的核心构成4、Javascript的代码注释5、 Javascript的数据类型6、变量的声明和赋值7、表达式与运算符二、 JavaScrip 语句和函数1、if分支结构2、switch分支结构3、while循环结构4、do...while循环5、for循环结构6、函数7、全局变量和局部变量8、内置函数三、 JavaScrip 对象（一）1、属性、方法、事件2、JavaSc
关于报送2019年1+X证书制度试点工作总结和经费情况的通知(1).pdf
03-29
关于报送2019年1+X证书制度试点工作总结和经费情况的通知。为统筹调度 统筹调度 各试点 院校 2019201920192019年 1+X1+X 证书制度试点 证书制度试点 证书制度试点 证书制度试点 工作 进展和 进展和 经费 使用 情况，为后续积极稳妥推进 情况，为后续积极稳妥推进 情况，为后续积极稳妥推进 情况，为后续积极稳妥推进 情况，为后续积极稳妥推进 情况，为后续积极稳妥推进 情况，为后续积极稳妥推进 1+X1+X 证书制度试 证书制度试 证书制度试 点工作 提供参考 提供参考 提供参考 提供参考 ，请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 请各试点院校认真总结项目组织实施情 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 况、资金使用及管理情主要经验与做法和存在的困难问 题， 研究谋划后续推进试点的工作 研究谋划后续推进试点的工作 研究谋划后续推进试点的工作 研究谋划后续推进试点的工作 计划 ，提出相关 ，提出相关 ，提出相关 政策建议 政策建议 。
BOM,DOM相关案例
weixin_30385925的博客
09-06 289
1.模态框案例: 需求： 打开网页时有一个普通的按钮，点击当前按钮显示一个背景图，中心并弹出一个弹出框，点击X的时候会关闭当前的模态框 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="content-Type" charset="UTF-8"...
JS-DOM操作和BOM操作
IT_Mr_guo的博客
05-26 736
DOM 简介 DOM是Document、Object、Model的简称。(文档对象模型) W3C DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML ...
DOM与BOM
cszhang
07-12 201
Dom 学习 Dom 元素 document.getElementById 通过id获取元素节点 id是唯一的,所以获取的是单个节点 getElementsByTagName 通过标签名称获取元素节点 节点数组(因为有多个相同标签) getElementByClassName 通过类名获取元素节点 节点数组(可能多个ClassName一致)
DOM、BOM 操作超级集合
weixin_30757793的博客
07-18 123
本章内容： 定义 节点类型 节点关系 选择器 样式操作方法style 表格操作方法 表单操作方法 元素节点ELEMENT 属性节点attributes 文本节点TEXT 文档节点 Document 位置操作方法 定时器 弹出框 location 其它 事件操作 实例 定义 文档对象模型（Document Object Model，DOM）是一...
从来玩转JavaScript+项目实战
05-23
本套课程主要是让学生能够从初级入门JavaScript开发，包括JavaScript基础、JavaScript进阶、JavaScript页面特效、JavaScript阶段小项目。
Javascript之BOM与DOM讲解
热门推荐
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
BOM操作及DOM表单案例练习
码小余の博客
05-12 1997
BOM BOM是什么 BOM的全称为Browser Object Model,被译为浏览器对象模型。 BCM提供了独立于HTML页面内容，而与浏览器相关的一系列对象。主要被用于管理浏览器窗口及 与浏览器窗口之间通信等功能。 BOM由一系列对象构成，这些对象可以简单理解为是由各个浏览器所提供的，例如Window对象等。 Window对象是什么 BOM中最核心的对象就是Window对象，该对象表示运行HTML页面的浏览器窗口。 在浏览器环境中，Window对象具有双重角色。该对象既是允许JavaScript逻
DOM操作和BOM操作
02-06
它将文档的内容组织成一个树形结构，使开发人员可以使用脚本语言（如JavaScript）来操作文档的内容和结构。例如，可以使用DOM操作来添加、删除、修改或查找文档中的元素。 BOM（浏览器对象模型）是一种操作浏览器的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值