期末总结（第五章—）
程序员文章站
2024-03-02 12:31:16
...
对象所涉及的内容 （第五章）
- 属性和方法
- 对象的定义
- 对象的访问方式
注意 . 和 中括号 的区别
.后面只能是属性名的字面值
中括号较为灵活 - 删除的方法 delete ob.att1
增加和修改的方法一样 - 对象的遍历
Key 是属性的字面值 不可以用.key 来访问属性，可以用obj.[key]
Var obj = {age:1,weight:20};
For(var key in obj ){
}
- this 的应用场景
(1)this在方法内部指代当前对象
①Var obj = {
② objName:”obj1”,
③ Show: function(){
④ Console.log(this.objName)
⑤ }
⑥};
(2)this在全局中指向顶层对象（windows）
(3)构造函数中指代要生成的对象 - return的意义
- 内置对象 如随机数的边界
- Date的一些函数及其使用
第六章 BOM
- js的组成
- BOM(Browser Object Model)
- ECMAscript
- DOM（Document Object Model）
- 顶层对象是window
可以直接用的对象是定义在window下的 - 周期 间隔 及其清除
- 一些方法的使用
- history
- location
DOM 文档对象模型（七八章）
访问 增加 删除 修改
- 分类
- 核心 DOM：用于任何结构化文档的标准模型
定义了与系统平台和编程语言无关的接口，DOM 是一种 API - HTML DOM：用于 HTML 文档的标准模型
- XML DOM：用于 XML 文档的标准模型
- 如何得到指定对象
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="baidu.com" title="baidu" index = "638" class="class"></a>
</body>
<script type="text/javascript">
var aNode = document.getElementsByTagName('a')[0];
console.log(aNode.href);//得到的是完整的相对路径
console.log(aNode.title);//得到的是完整的相对路径
console.log(aNode.index);//得到的是完整的相对路径
//index的值是undefined 因为a本身不具备这个属性
console.log(aNode.className);
console.log(aNode.getAttribute("class"));
console.log(aNode.getAttribute("index"));
aNode.setAttribute("index",2);
aNode.removeAttribute("index");
console.log(aNode.hasAttribute("index"));
</script>
</html>
- 一些属性
-
元素 属性 文本 - noteType 1 2 3 （只读）
- nodeName 标签名 属性名 #text （只读，标签名大写）