JavaScript基础知识点 _原创精品文档.pdfVIP

JavaScript基础知识点

1、JavaScript概述

1.1、JavaScript是什么？有什么⽤？

HTML：就是⽤来写⽹页的。⼈的⾝体

CSS：就是⽤来美化页⾯的。⼈的⾐服

JavaScript：前端⼤脑、灵魂。⼈的⼤脑、灵魂

JavaScript是WEB上最强⼤的脚本语⾔。

脚本语⾔：⽆法独⽴执⾏。必须嵌⼊到其它语⾔中，结合使⽤。直接被浏览器解析执⾏。

Java编程语⾔：独⽴写程序、独⽴运⾏。先编译后执⾏

作⽤：控制页⾯特效展⽰。

例如：

JS可以对HTML元素进⾏动态控制

JS可以对表单项进⾏校验

JS可以控制CSS的样式

1.2、JavaScript⼊门案例

1.3、JavaScript的语⾔特征及编程注意事项

特征：

JavaScript⽆需编译，直接被浏览器解释并执⾏

JavaScript⽆法单独运⾏，必须嵌⼊到HTML代码中运⾏

JavaScript的执⾏过程由上到下依次执⾏

注意：

JavaScript没有访问系统⽂件的权限（安全）

由于JavaScript⽆需编译，是由上到下依次解释执⾏，所以在保持可读性的情况下，允许使⽤链式编程

JavaScript和java没有任何直接关系

1.4、JavaScript的组成

JavaScript包括：ECMAScript、DOM、BOM

ECMAScript（核⼼）：规定了JS的语法和基本对象。

DOM⽂档对象模型：处理页⾯内容的⽅法

标记型⽂档。HTML

BOM浏览器对象模型：与浏览器交互的⽅法和接⼝

1.4.1、内部脚本

在当前页⾯内部写script标签，内部即可书写JavaScript代码

格式：

scripttype=text/javascriptJavaScript的代码/script

注：script标签理论上可以书写在HTML⽂件的任意位置

1.4.2、外部引⼊

在HTML⽂档中，通过scriptsrc=标签引⼊.js⽂件

格式：

scripttype=text/javascriptsrc=javascript⽂件路径/script

⽰例⼀：

scripttype=text/javascriptsrc=01demo1.js/script

注：外部引⽤时script标签内不能有script代码，即使写了也不会执⾏。

⽰例⼆：

scripttype=text/javascriptsrc=01demo1.js//这部分代码不会被执⾏，因为被引⼊的demo.js代码覆盖/script

1.4.3、script标签规范化的放置位置（了解）

开发规范规定，script标签的放置位置为：

body结束标签前。

如图所⽰：

你好

优点：

保证HTML展⽰内容优先加载，最后加载脚本。增强⽤户体验性

2、JavaScript语法及规则

2.1、注释

单⾏注释：

//

Hbuider中快捷键为：ctrl+/

多⾏注释：

/**/

Hbuider中快捷键为：ctrl+shift+/

2.2、变量

2.2.1、变量简述

变量：表⽰内存中的⼀块空间，⽤于存储数据，且数据是可变的。

变量的声明：

var变量名；//变量赋予默认值，默认值为undefined（未定义的）

变量的声明和赋值：

var变量名=值；//变量富裕对应的值

在声明JavaScript变量时，需要遵循以下命名规范：

必须以字母或下划线开头，中间可以是数字、字符或者下划线

变量名不能包含空格等符号

不能使⽤JavaScript关键字作为变量名，如：function

JavaScript严格区分⼤⼩写。

2.2.2、基本数据类型

类似于java中的基本数据类型

string字符串类型。“”和都是字符串。‘’JavaScript中没有单个字符

boolean布尔类型。固定值为true和false

number数字类型。任意数字

null空，⼀个占位符

undefined未定义类型，该类型只有⼀个固定值，即undefined，表⽰变量声明却未定义具体的值。

注：因为undefined是从null中派⽣出来的，所以undefined==null

JavaScript区别于Java，是弱