【技术干货分享】JavaScript学习笔记

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

JavaScript HelloWorld

HTML代码：Click Me!
JavaScript代码
由Hello World引出的四个问题
JavaScript基本语法和Java有什么区别？
为什么要使用window.onload？
在我单击按钮后如何让程序执行我希望的操作？
HTML代码中的button标签在JavaScript代码中是怎么表示的？如何获取？
JavaScript基本语法
认识script标签
连接外部JavaScript文件
注意：加载外部CSS样式表使用的是link标签，和加载外部 JS文件不同！
JavaScript数据类型
字符串：JavaScript中没有“字符型”数据，单个字符也被当成字符串处理
数字型：JavaScript不区分整型和浮点型，所有数字都是以浮点型来表示的
布尔型
true：true、非零的数字、非空的字符串
false：false、数字0、空字符串、undefined、null
函数：在JavaScript中，函数也是一个对象，可作为一个值赋给变量，函数名就是这个对象的引用。
Null：代表“空”。Null是数据类型，它只有一个值：null
不代表数字型的0，不代表字符串类型的””空字符串
不是一个有效的数字、字符串、对象、数组和函数，什么数据类型都不是
JavaScript区分大小写，Null、NULL都不等同于null
typeof(null)返回Object（为了向下兼容）
undefined：表示：未定义
定义了一个变量但未赋值
使用了一个未定义的变量
使用了一个不存在的对象的属性
JavaScript严格区分大小写
JavaScript标识符命名规范和Java完全一样
变量
使用var关键字声明
JavaScript是弱类型语言，声明变量时，不需要指定类型。 变量在使用中也可以存储各种类型的数据
函数

JavaScript代码写在什么位置

HTML标签内

ClickMe

js 和 html 强耦合, 不利于代码的维护。例如：给10个button按钮绑定同样的单击响应函数。如果要修改函数名则必须在10个button标签处都修改， 容易造成遗漏或不一致

标签内

这个位置更符合习惯，但有严重问题： 在body节点之前执行的代码无法直接获取body内的节点。 原因：此时 html 文档树还没有加载完成， 更准确说就是——内存中的DOM结构还不完整，不包括未加载的DOM节点， 所以相关节点JavaScript程序获取不到

的

浏览器加载原理分析

浏览器按照从上到下的顺序下载HTML文档，一边下载，一边加载到内存， 不是全部下载后再全部加载到内存。 另外，DOM树结构的绘制优先于关联元素的加载，比如图片。

通常来说，浏览器执行JavaScript脚本有两大特性：
①载入后马上执行。
②执行时会阻塞页面后续内容（包括页面的渲染、其它资源的下载）。

浏览器加载HTML文档时，如果遇到