JavaScript 极简介
- 由于网景公司希望能在静态HTML页面上添加一些动态效果,于是设计了JavaScript语言。
- 为什么起名叫JavaScript?原因是当时Java语言非常红火,所以网景公司希望借Java的名气来推广,但事实上基本没啥关系。
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 很容易学习。
快速入门
在 HTML 页面中插入 JavaScript有二种方法
把脚本直接写在 <script> 与 </script> 标签之间
<script> 与 </script> 标签可被放置在 HTML 页面的 <body> 和 <head> 部分中。
<script> 标签
如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。
<script> 和 </script> 会告诉 JavaScript 在何处开始到何处结束。
<script> 和 </script> 之间的代码行包含了 JavaScript脚本。
<!DOCTYPE html> <html> <head> <script> 脚本内容 </script> </head> <body> <script> 脚本内容 </script> </body> </html>
把脚本保存到外部文件中,外部 JavaScript 文件的文件扩展名是 .js
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件
<!DOCTYPE html> <html> <head> <script src="myScript.js"></script> </head> <body> <script src="myScript.js"></script> </body> </html>JavaScript 的注释
JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释以 // 开头,到行尾的内容不会被执行。
多行注释(文档注释)以 /* 开始,以 */ 结尾。两者之间的所有内容都不会被执行。
<script> var a = 1; //这是单行注释不会执行 /* 这些是多行注释 不会执行 也称为文档注释 */ document.white(a); </script>
JavaScript 的语句语法
JavaScript 语句是向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
浏览器会按照编写顺序来执行每条语句。
分号 ;
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
JavaScript 代码块
JavaScript 语句通过代码块的形式进行组合。
块由左花括号开始,由右花括号结束。
块的作用是使语句序列一起执行。
JavaScript 函数是将语句组合在块中的典型例子。
function myFunction() { document.white=("Hello World"); document.white=("How are you?"); }JavaScript 对大小写敏感。
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
a 与 A 是不同的。
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。
document.write("Hello \ World!");提示:JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。
JavaScript 的数据类型和变量
在JavaScript中定义了以下几种数据类型:
1. Number: JavaScript不区分整数和浮点数,统一用Number表示
2. 字符串: 字符串是以单引号’或双引号”括起来的任意文本
3. 布尔值:布尔值只有
true
、false
两种值.与、或、非 分别用&&,||,!
表示
4. 数组: 数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。
[1, 2, 3.14, 'Hello', null, true];
,new Array(1, 2, 3);
5. 对象:JavaScript的对象是一组由键-值组成的无序集合。对象的键都是字符串类型,值可以是任意数据类型。每个键又称为对象的属性。获取一个对象的属性,我们用
对象变量.属性名
的方式
- JavaScript允许对任意数据类型做比较
- 相等运算符:==比较会转换数据类型后比较,===比较不会转自动换数据类型,直接比较
- NaN这个特殊的Number与所有其他值都不相等,包括它自己
- 唯一能判断NaN的方法是通过isNaN()函数
- 数组的元素可以通过索引来访问。索引的起始值为0
- 申明一个变量用var语句,变量名也可以用中文,但是,请不要给自己找麻烦。
JavaScript 变量
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐$)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
提示:JavaScript 语句和 JavaScript 变量都对大小写敏感。
声明(创建) JavaScript 变量
在 JavaScript 中创建变量通常称为“声明”变量。
我们使用 var 关键词来声明变量:
var name; //声明一个变量 var name1 = "myname" //声明一个变量并赋值您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
var name="Gates", age=56, job="CEO";