DOM和BOM、window和document
2020-02-16 本文已影响0人
冉桓彬
记录以下内容
1. BOM和DOM概念
2. window和document概念
3. window.prototype属性
1. BOM和DOM
- BOM(Browser Object Module), 浏览器对象模型, 是为了操作浏览器出现的API, BOM赋予了JavaScript操作浏览器的能力.
- DOM(Document Object Module), 文档对象模型, 是为了操作文档出现的API, DOM赋予了JavaScript操作文档的能力.
2. window和document
-
window是BOM中的一个对象.window是BOM的顶层对象, 其他的BOM对象都是window对象的属性, 主要用于获取浏览器信息和对浏览器进行操作. -
document每个载入浏览器的HTML文档都会成为document对象.document对象包含了文档的基本信息, 可以通过JavaScript对HTML页面中的所有元素进行访问、修改. -
document是window对象的子对象. -
当网页被加载时, 浏览器会创建页面的文档对象模型(DOM), HTML DOM模型被构造为对象的树. Document对象是Window对象的一部分, 可通过window.document对其进行访问.
3. window.prototype
- W3C 描述: prototype属性使你有能力向对象添加属性和方法.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" value="点击" onclick="dianJi()">
</body>
<script type="application/javascript">
function dianJi() {
window.document.getElementsByName()
document.getElementsByName();
alert("点击了");
}
function employee(name,job,born) {
this.name = name;
this.job = job;
this.born = born;
}
var bill = new employee("Bill Gates", "Engineer", 1985);
<!--通过prototype向employee对象添加salary属性-->
employee.prototype.salary = null;
bill.salary = 20000;
document.write(bill.salary);
</script>
</html>
参考文章:
https://blog.csdn.net/weixin_44299027/article/details/88930577
