今天开始学习API
js的三个部分:
1.ECMAscript js的基本语法
2.DOM 文档对象模型, 操作的是页面元素
3.BOM 浏览器对象模型, 操作的是浏览器
文档: html文件, 由万物皆对象, 这个文档也可以看成是一个对象
页面中的每一个表签都是一个元素
节点(node): 页面中的所有内容都是节点: 标签 文本 属性
根节点(root): html
由文档中所有的元素组成了树形结构图, 叫做 DOM树
ECMAScript - JavaScript的核心:
定义了javascript的语法规范
JavaScript的核心,描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
BOM - 浏览器对象模型:
一套操作浏览器功能的API
通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等
DOM - 文档对象模型:
一套操作页面元素的API
DOM可以把HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作
案例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" value="点我" id="btn">
<script>
//1.通过id属性的值从这个文档中获取这个元素(标签)
var btn = document.getElementById("btn");//返回的是一个对象
// console.log(typeof btn);
//2.为该元素注册点击事件
btn.onclick = function () {
alert("弹窗");
btn.value = "修改";
btn.type = "text";
}
//id属性看成人的身份证一样,不能重复,页面中唯一的标识
</script>
</body>
</html>