JavaScript基础知识点 _原创精品文档.pdf
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，是弱