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

版权声明:所有内容仅供大家学习与复习使用,请勿用于任何商业用途 https://blog.csdn.net/qq_40828914/article/details/84657200

DOM

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

BOM和DOM

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

window
	document 
	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

猜你喜欢

转载自blog.csdn.net/qq_40828914/article/details/84657200
今日推荐