期末总结(第五章—)

对象所涉及的内容 (第五章)
  1. 属性和方法
  2. 对象的定义
  3. 对象的访问方式
    注意 . 和 中括号 的区别
    .后面只能是属性名的字面值
    中括号较为灵活
  4. 删除的方法 delete ob.att1
    增加和修改的方法一样
  5. 对象的遍历
    Key 是属性的字面值 不可以用.key 来访问属性,可以用obj.[key]
    Var obj = {age:1,weight:20};
    For(var key in obj ){

}

  1. this 的应用场景
    (1)this在方法内部指代当前对象
    ①Var obj = {
    ② objName:”obj1”,
    ③ Show: function(){
    ④ Console.log(this.objName)
    ⑤ }
    ⑥};
    (2)this在全局中指向顶层对象(windows)
    (3)构造函数中指代要生成的对象
  2. return的意义
  3. 内置对象 如随机数的边界
  4. Date的一些函数及其使用

第六章 BOM

  1. js的组成
    • BOM(Browser Object Model)
    • ECMAscript
    • DOM(Document Object Model)
  2. 顶层对象是window
    可以直接用的对象是定义在window下的
  3. 周期 间隔 及其清除
  4. 一些方法的使用
  • history
  • location

DOM 文档对象模型(七八章)

访问 增加 删除 修改

  1. 分类
  • 核心 DOM:用于任何结构化文档的标准模型
    定义了与系统平台和编程语言无关的接口,DOM 是一种 API
  • HTML DOM:用于 HTML 文档的标准模型
  • XML DOM:用于 XML 文档的标准模型
  1. 如何得到指定对象 在这里插入图片描述在这里插入图片描述
<!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>
  1. 一些属性
    在这里插入图片描述
  •                     元素          属性       文本
    
  • noteType 1 2 3 (只读)
  • nodeName 标签名 属性名 #text (只读,标签名大写)
发布了33 篇原创文章 · 获赞 5 · 访问量 685

猜你喜欢

转载自blog.csdn.net/u013140841/article/details/103557913