搜索
您的当前位置:首页正文

JavaScript学习笔记

来源:榕意旅游网
“玩转”Java系列

—————————————————————————————

JavaScript学习笔记

1

JavaScript简介:JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,是一种动态、弱类型、基于原型的语言,内置支持类。它的解释器被称为JavaScript引擎,为浏览器的一部份。同时也是一种广泛用于客户端Web开发的脚本语言。最初由网景公司(Netscape)的布兰登·艾克(Brendan Eich)设计,1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准:ECMA-262。JavaScript是Sun公司的注册商标,和Java没有直接关系。 JavaScript HelloWorld 2.1 点击按钮弹出文本值

2

2.2 HTML代码: 2.3 JavaScript代码

2.4 由Hello World引出的四个问题

2.4.1 JavaScript基本语法和Java有什么区别? 2.4.2 为什么要使用window.onload?

2.4.3 在我单击按钮后如何让程序执行我希望的操作?

2.4.4 HTML代码中的button标签在JavaScript代码中是怎么表示的?如何获取? JavaScript基本语法 3.1 认识script标签

3

1

【更多Java – Android 资料下载,可访问尚硅谷(中国)官网 www.atguigu.com 下载区】

“玩转”Java系列

—————————————————————————————

3.1.1 3.1.6 连接外部JavaScript文件

3.1.6.1

3.1.6.4 注意:加载外部CSS样式表使用的是link标签,和加载外部 JS文件

不同!

3.2 JavaScript数据类型

3.2.1 字符串:JavaScript中没有“字符型”数据,单个字符也被当成字符串处理 3.2.2 数字型:JavaScript不区分整型和浮点型,所有数字都是以浮点型来表示的 3.2.3 布尔型

true:true、非零的数字、非空的字符串

false:false、数字0、空字符串、undefined、null

3.2.4 函数:在JavaScript中,函数也是一个对象,可作为一个值赋给变量,函数

名就是这个对象的引用。 3.2.5 Null:代表“空”。Null是数据类型,它只有一个值:null

不代表数字型的0,不代表字符串类型的””空字符串

不是一个有效的数字、字符串、对象、数组和函数,什么数据类型都不是 JavaScript区分大小写,Null、NULL都不等同于null typeof(null)返回Object(为了向下兼容) 3.2.6 undefined:表示:未定义 定义了一个变量但未赋值 使用了一个未定义的变量

使用了一个不存在的对象的属性

3.3 JavaScript严格区分大小写

3.4 JavaScript标识符命名规范和Java完全一样 3.5 变量

3.5.1 使用var关键字声明

3.5.2 JavaScript是弱类型语言,声明变量时,不需要指定类型。 变量在使用中也

可以存储各种类型的数据

3.6 函数

2

【更多Java – Android 资料下载,可访问尚硅谷(中国)官网 www.atguigu.com 下载区】

“玩转”Java系列

—————————————————————————————

4

JavaScript代码写在什么位置 4.1 HTML标签内

4.1.1

4.1.2 js 和 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文档时,如果遇到

Top