JavaScript基础知识1

基本说明

1.JavaScript能改变html内容，能改变html属性，能改变html样式（CSS），能完成页面的数据验证。

  
    
    
  
  
    
JavaScript能做什么？

    
JavaScript能改变html属性值。

    
在本例中，JavaScript改变了图像的src属性值。

    开灯

    

    关灯
  

2.JS需要运行浏览器来解析执行JavaScript代码

3.JS是Netscape网景公司的产品，最早取名为LiveScript，后更名为JavaScript。和java没关系

4.JavaScript简写JS

JavaScript的特点：

1.JavaScript是一种解释型脚本语言，C、C++等语言先编译后执行，而JavaScript是在程序的运行过程中逐行进行解释

2.JavaScript是一种基于对象的脚本语言，可以创建对象，也能使用现有的对象（有对象）

3.JavaScript是弱类型的，对变量的数据类型不做严格的要求，变量的数据类型在运行过程中可以变化【创建js弱类型.html】

4.跨平台性（只要是可以解释JS的浏览器都可以执行，和平台无关）

JavaScript快速入门

使用方式1：script标签写JS代码（在script中写）

应用实例 1.js-use.html

使用方式2：使用script标签引入JS文件

应用实例 创建test.js和2.js-use.html

alert("hh,你好");

两种使用js的方式，不能混用

应用实例，js-use-detail.html

查看JS错误信息

浏览器：ctrl+shift+i

错误位置在右边：error.html，显示错误在第7行

直接查看错误位置的方法（在调试器（即Sources）位置）

把光标放在红色的错误显示的地方，就可以知道具体错误位置

执行JS，chrome浏览器如何查看错误信息

更多工具=》开发者=》console

执行JS，ff浏览器如何查看错误信息

web开发工具=》web开发者工具=》控制台

JavaScript变量

JavaScript变量表示存储数据的容器

变量概念在任何语言都是一样的

应用实例 simple_var.html

JavaScript数据类型

数据类型介绍

JavaScript常用的数据类型

数值类型： number

字符串类型： string=》'a' "abc"

对象类型： object

布尔类型： boolean

函数类型： function

特殊值

undefined 变量未赋初始值时，默认undefined

null 空值

NaN Not a Number 非数值

应用实例：datetype.html

数据类型注意事项

1.String字符串【可以双引号括起来，也可以单引号括起来】"a book of JavaScript",'abc',"a",""

运算符

算术运算符

1. 算术运算符用于执行变量与/或值之间的算术运算
2. y等于5，下面的表格解释了这些算术运算符

和java用法几乎一样

赋值运算符

1. 赋值运算符用于给JavaScript变量赋值
2. 给定 x = 10和 y = 5，下面的表格解释了解赋值运算符

和java中用法相似

关系运算符

1. 关系（比较）运算符在逻辑语句中使用，以测定变量或值是否相等
2. 给定 x = 5，下面的表格解释了比较运算符

关系运算符注意事项

relationship-oprator-关系运算符.html

1. 等于： ==是简单的做字面值的比较
2. 全等于： ===除了做字面值的比较之外，还会比较两个变量的数据类型
3. 应用实例 relationship-oprator-关系运算符.html

逻辑运算符

逻辑运算符说明

1. 逻辑运算符用于测定变量或值之间的逻辑
2. 给定 x = 6 以及 y = 3，下表解释了逻辑运算符

逻辑运算符注意事项和细节

logic-operation-逻辑运算符.html

1. 在JavaScript语言中，所有的变量，都可以做为一个boolean类型的变量去使用
2. 0、null、undefined、""（空串）、NaN都认为是false
3. && 且运算，有两种情况=》&& 返回值是遵守短路与的机制

（1）当表达式全为真的时候。返回最后一个表达式的值

（2）当表达式中，有一个为假的时候。返回第一个为假的表达式的值

1. || 或运算，有两种情况=》 || 返回值是是遵守短路或的机制

（1）当表达式全为假时，返回最后一个表达式的值

（2)只要有一个表达式为真，就会返回第一个为真的表达式的值

1. && 运算 和 || 运算 有短路现象

短路想象：当这个&& ||运算有确定结果后，后面的表达式不再执行

条件运算

1. JavaScript还可以使用 类似java的三元运算符
2. 应用实例 condition-operation-条件运算符.html

数组定义 array_define.html

1. 应用实例 array_define.html，演示js的数组定义使用的4种方式

没有显示就是undefined，不是空

一开始数组cars2我写漏2的结果：

数组使用和遍历

1. 应用实例：创建array_for.html,演示js的数组遍历