1.DOM
服务器---(返回)---HTML文件----(DOM树)----浏览器
浏览器其实解析的是HTML文件的DOM树,所以我们才可以通过DOM来改变外观,因为更改DOM是直接修改显示方式!
所以符合DOM标准的,一般在各个不同的浏览器也都支持的,因为各个浏览器也同样得遵循DOM的标准!
2.一切皆结点;
包括元素,文本,属性和注释
3.元素结点和文本结点
像<div>xx..</div>这样的结点就是元素结点,元素结点有名无值
像"xxx"这样只有文本的结点就是文本结点,文本结点无名有值
node nodeName nodeValue
<div> div null/undefined
"abc" null/undefined "abc"
4.有一些浏览器并不支持Node对象
如:if(someNode.nodeType == Node.ELEMENT_NODE) 有可能会报错说找不到Node
5.当用DOM操作结点时,有一些空白的字符也有可能被当作文本结点,所以这个一定要注意
6.在DOM树上面[即HTML文档中的结点],1个元素只能有1个父亲;所以移动1个元素到另1个地方的时候,不必在原来的地方执行移除操作,直接在目的地加入就行了
7.getElementById, getElementsByName, getElementsByTagName
7.1 getElementById()
只有document对象能够使用
返回的是1个对象[如果有多个id相同只返回第1个]
7.2 getElementsByName():
只有document对象能够使用
返回的是数组
7.3 getElementsByTagName()
所有的结点都能使用
返回的是数组
<p id="div_1">
<input name="abc"/>
<input name="abc"/>
</p>
<input type="button" onclick="countElement();" value="button"/>
<script>
function countElement(){
var div_1 = document.getElementById("div_1");
var inputs1 = div_1.getElementsByTagName("input");
var inputs1_1 = document.getElementsByName("abc");//div等结点没有getElementsByName()这个方法
alert(inputs1.length); //2
alert(inputs1_1.length);//2
}
</script>
7.4 ie和firefox中的getElementsByName的不同
在ie 中getElementsByName(“test“)的时候返回的居然是id=test的object数组,而使用firefox则返回的是name= test的object的数组。按照w3c的规范应该是firefox的实现是正确的,只是不解ie为什么要实现成为id=test的方式...
8. 有时候写1个JS方法,然后调用的时候看firebug说找不到这个函数,但是名字检查正确无误,也只是报这个错而已;后来发现原来是方法里面有错误,但是这个错误前面的alert()也不会被调用...
还有1次最郁闷的,还是JS函数不能调用,吸收了上面的经验,后来发现,我要调用的function的名字,叫做createElement(); 跟document的一样。。。所以无效。。。
又来了1次无敌郁闷的,还是JS函数不能调用,吸收了上面2个经验,后来发现,原来是<script type="text/javascript"/>中,双引号变成中文的双引号了!!!
<p id="div_1">
<input name="abc"/>
<input name="abc"/>
</p>
<input type="button" onclick="countElement();" value="button"/>
<script>
function countElement(){
var div_1 = document.getElementById("div_1");
var inputs1 = div_1.getElementByTagName("input"); //少写了s,出错导致函数无法被调用..
var inputs1_1 = document.getElementsByName("abc");
alert(inputs1.length);
alert(inputs1_1.length);
}
</script>
9.window对象
window.frames :数组对象,对应于所有帧对象<frameset>或者<iframe>所对应的 window对象!
window.parent和window.top的区别:
window.top:最顶层的祖先窗口
window.parent : 装载子窗口的窗口[即父窗口]
document.URL:返回当前文档的 URL。很好用的一个属性啊!
分享到:
相关推荐
此外,JavaScript还有两个重要的组成部分:BOM(Browser Object Model)和DOM(Document Object Model)。 BOM允许开发者获取和操作浏览器的信息,如浏览器窗口大小、历史记录、弹出对话框等功能。DOM则提供了操作...
以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...
从菜鸟教程上学习的关于js的学习笔记,可以用于参考学习使用,脑图样式,浏览更方便,有需要的同学可以带走
总的来说,这个“javaScript学习笔记.rar”可能涵盖了以上提到的多个方面,包括基础语法、DOM操作、AJAX、ES6新特性以及一些前端开发的最佳实践。通过学习这些笔记,可以系统地提升JavaScript技能,为Web开发打下...
HTML+CSS+JavaScript教程学习笔记.zip 是一个为前端开发初学者和希望提升技能的开发者准备的详尽学习资源。该资源包含从基础到高级的知识点笔记,以及实际项目代码示例,旨在帮助学习者逐步掌握Web前端开发的必备...
这篇学习笔记主要涵盖了JavaScript的基础语法和客户端JavaScript的相关知识。 1. **JavaScript基本语法**: - **变量声明**:未声明的变量尝试读取时会产生错误,而写入未声明的变量会创建一个全局变量。 - **...
JavaScript学习笔记是一本关于JavaScript编程语言的教材,该教材通过丰富的实例,系统地介绍了JavaScript的基础知识和实际应用技巧,帮助读者一步步掌握客户端编程技术。本书共分为九章,每一章都有其特定的主题,...
JavaScript的设计目标是轻量级、解释型,使得它易于学习且能够直接嵌入到HTML中,方便网页开发。与其他编程语言相比,如Java、C++或Python,JavaScript具有以下优势: 1. 入门门槛较低:JavaScript语法简洁,对于...
JavaScript是一种广泛应用...以上就是JavaScript学习笔记中的主要知识点,理解和掌握这些内容对于深入学习JavaScript至关重要。在实际编程中,还需要结合具体的场景灵活运用,并不断实践和探索更高级的特性和最佳实践。
JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...
前端学习(六)——javascript学习笔记(四)HTML DOM.xmind
JavaScript是一种广泛应用于网页和网络应用的轻量级、解释型的编程语言,主要用来增加网页的交互性和...学习JavaScript不仅涉及语法和基本概念,还需要熟悉DOM操作、事件处理、AJAX请求、函数、对象、闭包等高级特性。
本文将深入探讨JavaScript的一些核心知识点,包括基本语法、动态函数、DOM操作以及对象封装等。 1. 基本语法: JavaScript支持动态类型,这意味着数组可以包含不同类型的元素,如在`var arr = [3, true, "abx"];`...
学习JavaScript,可以从基础的HTML和CSS开始,掌握DOM(Document Object Model)的概念,了解如何通过JavaScript操作DOM元素。接着学习变量、数据类型、控制流语句、函数等基础知识,以及常用的内置对象和API,如...
JavaScript是Web开发中不可或缺的一部分,2023年的JavaScript学习笔记涵盖了从基础知识到高级特性的全面内容。在开始深入学习之前,了解JavaScript的基础至关重要。 ### 1. JavaScript的引入方式 JavaScript代码...
#### 二、JavaScript的发展历史 1. **1992年**:Nombase公司开发出了第一门客户端脚本语言,最初命名为C--,后改名为ScriptEase,主要用于表单验证。 2. **1995年**:Netscape(网景)公司推出了一种新的客户端脚本...
### JavaScript学习笔记 #### 1. 如何实现JavaScript JavaScript是一种强大的客户端脚本语言,用于增强网页交互性和动态效果。为了使HTML文档具备这些特性,我们需要掌握如何将JavaScript代码嵌入到HTML页面中。 ...
### JavaScript DOM 编程知识点详解 #### 一、DOM 基础概念 **DOM (Document Object Model)** 是一种用于表示 HTML 和 XML 文档的标准对象模型。它将文档定义为节点树,允许开发者通过编程方式访问和修改这些节点...
* link 支持使用 JavaScript 控制 DOM 去改变样式;@import 不支持。 JS 中的浏览器弹框 JS 中提供了三种浏览器弹框: * alert:在浏览器中弹出一个提示框,提供确定按钮,点击确定弹框消失。 * confirm:在 ...