JavaScript第三章:DOM
程序员文章站
2022-03-09 08:06:12
...
1.文档:DOM中的‘D’
如果没有document,DOM就无从谈起。
当创建网页并把它加载到Web浏览器,DOM就在幕后悄然而生。它将你编写的网页文档转换为文档对象。
2.对象:DOM中的‘O’
JavaScript的对象分为三种:
用户定义对象:由程序员自行创建的对象
内建对象:内建在JavaScript里的对象。(Array、Math,Date)
宿主对象:由浏览器提供的对象
window对象:是最基础的宿主对象。它对应着浏览器窗口本身。它的属性和方法通常被称为Window Object Model。
它提供了window.open(),window.blur()等方法。
document对象:主要功能是处理网页内容。
3.模型:DOM中的‘M’
DOM中的'M':model(模型)
浏览器提供了网页的模型,而我们通过JavaScript去读取这个模型。
DOM将一份文档表示为一棵家谱树。并使用parent、child、sibling等记号来表示家庭成员之间的关系。家谱树模型非常适合用来表示HTML语言编写的文档。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Shopping list</title>
</head>
<body>
<h1>What to buy</h1>
<p title="a gentle reminder">Don't forget to but this stuff.</p>
<ul id="purchases">
<li>A tin of beans</li>
<li class="sale">Cheese</li>
<li class="sale important">Milk</li>
</ul>
</body>
</html>
下图为上图文档的模型