BOM+DOM+JavaScript读取与操作网页对象

DOM

网页的元素有多种定义方式，那我们怎么描述或指定页面上某个元素呢。为了统一方式，产生了document object model 标准
以HTML表单为例，
文本字段前面的标题由label标签声明
每个表单字段都通过id属性设置唯一的识别名称，用于让程序选取元素。
通常数据名称name和识别名称id取相同名字

BOM和DOM

BOM：整个浏览器窗口构成的结构
BOM没有标准规范

windowdocument location(网址)history（浏览历史）navigator（浏览器信息）

DOM：网页文档元素构成的树状结构
W3C有标准

document（文档对象）
<html>
<body>
<form>（<-标签元素（对象））<label>"num1"（<-字段id名称）字段<label>"num2"字段<br><p>"calc"按钮

可进行的处理：
1.获取页面标签的数据
2.修改标签数据包括文本和属性
3.在页面中添加标签
4.设置事件处理程序

读取与操作网页对象

首先写一个html文件（你也可以用记事本写，然后改格式为.html），用浏览器打开，然后ctrl+shift+j调出来JavaScript控制台，我们通过输入下面两行代码对它的对象进行输入操作

我们通过JavaScript在第一个框里面添入了12

BOM+DOM+JavaScript读取与操作网页对象相关推荐

自学js第十二天:DOM概念和基础操作
Web API 总结1: dom文档树的作用,就是把网页全部内容转为一个个js节点对象去操作 , 因此dom的文档树的内部组成就是有许多叶子node节点对象.分别有七种类型的叶子包含网页全部内容都有对 ...
前端JavaScript(2) --常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍...
昨日内容回顾 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 ...
JavaScript/Ajax/JQuery知识点(BOM/DOM/ScriptEngine/JS引擎)，JSCore
捋顺JavaScript底层知识,重点讲解如原型.作用域.执行上下文.变量对象.this.闭包.按值传递.call.apply.bind.new.继承等难点概念?? JS中的继承?JS的原型模式, ...
BOM,DOM常见操作和DHML
BOM (Browser Object Model)浏览器对象模型,控制浏览器的一些行为 window对象代表一个HTML文档属性页面导航的5个属性 self, parent, top, ope ...
Javascript BOM DOM编程
#BOM 和 DOM #####浏览器内核: ①渲染引擎:webkit; ② JS引擎:V8引擎(谷歌) DOM浏览器:对DOM的支持高于IE(包括谷歌). ###怎么在浏览器里面写JS代码: ...
通过JavaScript简单的操作DOM（一）
通过JavaScript简单的操作DOM (一)简单的前提概念 1.DOM简介 DOM,文档对象模型.描述了HTML和XML文档结构,然后提供API,来帮助开发人员添加.删除.修改页面的某一部分. ( ...
javascript （BOM DOM）
BOM对象 window对象所有浏览器都支持 window 对象.概念上讲.一个html文档对应一个window对象.功能上讲: 控制浏览器窗口的.使用上讲: window对象不需要创建对象,直接使 ...
JavaScript高级（BOM+DOM）学习
文章目录 1.DOM简单学习 2.事件简单学习 3.点灯开关练习 4.BOM 4.1 BOM的概念 4.2 BOM的功能 4.3 BOM对象 4.4 Window :窗口对象 4.5 Location ...
【前端开发—JavaScript】——BOM/DOM
Bom Browser Object Model 浏览器对象模型浏览器对象模型: 浏览器提供的一系列可以操作浏览器API BOM中的顶级对象 window (全局中的window) + 使用BO ...

BOM+DOM+JavaScript读取与操作网页对象

DOM

BOM和DOM

读取与操作网页对象

BOM+DOM+JavaScript读取与操作网页对象相关推荐

最新文章

热门文章