JavaScript学习笔记
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
JavaScript学习笔记
1JavaScript简介:JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,是一种动态、弱类型、基于原型的语言,内置支持类。它的解释器被称为JavaScript 引擎,为浏览器的一部份。同时也是一种广泛用于客户端Web开发的脚本语言。最初由网景公司(Netscape)的布兰登·艾克(Brendan Eich)设计,1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准:ECMA-262。JavaScript是Sun公司的注册商标,和Java没有直接关系。
2JavaScript HelloWorld
2.1点击按钮弹出文本值
2.2HTML代码:
2.3JavaScript代码
//借助window.onload事件,在文档加载之后,进行相关操作
window.onload = function(){
//获取按钮对应的元素节点对象
var btn = document.getElementsByTagName("button")[0];
//绑定单击响应函数
btn.onclick = function(){
//打印文本值
alert(this.firstChild.nodeValue);
}
}
2.4由Hello World引出的四个问题
2.4.1JavaScript基本语法和Java有什么区别?
2.4.2为什么要使用window.onload?
2.4.3在我单击按钮后如何让程序执行我希望的操作?
2.4.4HTML代码中的button标签在JavaScript代码中是怎么表示的?如何获取?3JavaScript基本语法
3.1认识script标签
3.1.1
3.1.6连接外部JavaScript文件
3.1.6.1
3.1.6.4注意:加载外部CSS样式表使用的是link标签,和加载外部JS文件
不同!
3.2JavaScript数据类型
3.2.1字符串:JavaScript中没有“字符型”数据,单个字符也被当成字符串处理
3.2.2数字型:JavaScript不区分整型和浮点型,所有数字都是以浮点型来表示的
3.2.3布尔型
true:true、非零的数字、非空的字符串
false:false、数字0、空字符串、undefined、null
3.2.4函数:在JavaScript中,函数也是一个对象,可作为一个值赋给变量,函数
名就是这个对象的引用。
3.2.5Null:代表“空”。Null是数据类型,它只有一个值:null
不代表数字型的0,不代表字符串类型的””空字符串
不是一个有效的数字、字符串、对象、数组和函数,什么数据类型都不是
JavaScript区分大小写,Null、NULL都不等同于null
typeof(null)返回Object(为了向下兼容)
3.2.6undefined:表示:未定义
定义了一个变量但未赋值
使用了一个未定义的变量
使用了一个不存在的对象的属性
3.3JavaScript严格区分大小写
3.4JavaScript标识符命名规范和Java完全一样
3.5变量
3.5.1使用var关键字声明
3.5.2JavaScript是弱类型语言,声明变量时,不需要指定类型。变量在使用中也
可以存储各种类型的数据
3.6函数
4JavaScript代码写在什么位置
4.1HTML标签内
4.1.1
4.1.2js 和html 强耦合, 不利于代码的维护。例如:给10个button按钮绑定同
样的单击响应函数。如果要修改函数名则必须在10个button标签处都修改,
容易造成遗漏或不一致
4.2
标签内4.2.1这个位置更符合习惯,但有严重问题:在body节点之前执行的代码无法直
接获取body内的节点。原因:此时html 文档树还没有加载完成,更准
确的说就是——内存中的DOM结构还不完整,不包括未加载的DOM节点,
所以相关节点JavaScript程序获取不到
4.2.2浏览器加载原理分析
4.2.2.1浏览器按照从上到下的顺序下载HTML文档,一边下载,一边加载到
内存,不是全部下载后再全部加载到内存。另外,DOM树结构的绘
制优先于关联元素的加载,比如图片。
4.2.2.2通常来说,浏览器执行JavaScript脚本有两大特性:
①载入后马上执行。
②执行时会阻塞页面后续内容(包括页面的渲染、其它资源的下载)。
4.2.2.3浏览器加载HTML文档时,如果遇到