Javascript 简称：js 独立的编程语言。
作用：实现网页动态效果(改变的是页面的结构)的技术。
注意事项：
1.javascript 和 java 没关系 原名：ECMAscript 独立的编程语言。 2.js实现网页动态效果的 应用于网页(HTML)中 前端编程语言。 3.Js是一门解释性的编程语言。 编程语言的分类 编译性编程语言：需要先经过编译器编译 运行效率高 不能跨平台 C C++。 解释性编程语言：直接经过解释器解释运行 逐行运行 效率低 跨平台 js。 先编译后解释：java。 4.Js的解释器是浏览器 不同的浏览器在解析js语法时 存在一些差异 ---- 浏览器差异。 WebKit内核 支持标准ECMAscript 360 chrome 。 IE内核 微软 ie浏览器 6.0之前。2 第一个js程序
1.打开IDEA如图所示的界面，点击Create New Project。
2.选择Empty Project，点击Next。如图所示：
3.填写项目名称，点击Finish。如图所示：
5.点击File–>New–>Module，如图所示：
6.选择Java，点击Next。如图所示：
7.填写子项目名称，点击Finish。如图所示：
8.选择项目，选择如图所示即可。
9.勾选web相关即可。
10.准备HTML页面 js不能独立运行，必须依托于网页运行。
12.书写javascript代码(基本页面结构)。
代码如下：
第一个js程序
如图所示：
3.输出语法
代码如下：
第一个js程序
Hello World
如图所示：
3 Js的基础语法1、变量 js是弱类型的编程语言 ，没有变量类型 统一用var表示。
var a ; a = 10; a=”liuh” a=’a’
注意：定义变量可以不用var c=”nicai” 代表全局变量。
演示的代码如下：
第一个js程序
Hello World
如图所示：
2、数据类型
1.数字类型 number 不区分整数和浮点数。
var a = 10 var b = 100.01
2.字符串类型 String 不区分字符和字符串 不区分单双引号。
var s1=”liuh” var s2=’liuh’ var s3=’a’ var s4 = “a”
3.布尔类型
真 假
true false
非0 0
非null null
4.特殊类型
NAN : Not A Number 不是一个数 进行一些非数字运算 。
“wangyx” / 2 = NAN
undefined 声明变量没有赋值 直接使用。
null 1.变量手工赋值为null。 2.函数返回值为null。
5.查看当前变量类型
typeof 变量名
演示的代码如下：
第一个js程序
Hello World
如图所示：
3、运算符
1.赋值运算符 = += -= *= /= %=
2.算术运算符 + - * / % ++ –
3.比较运算符 > >= < <= != == ===
== 和 === 区别，如图所示：
4.逻辑运算符 && || ！
5.三目运算符(三元运算符)
布尔类型表达式 ？为真 ：为假。
演示的代码如下：
第一个js程序
Hello World
如图所示：
4、流程控制 (顺序流程、分支流程、循环流程)
1.分支
if(){}
if(){}else{}
if(){}elseif(){}else{}
switch() //java:byte short int char String js:没有要求。
case 值：代码；break；
2.循环
while(){}
do{}while()
for(){}
演示的代码如下:
第一个js程序
Hello World
如图所示：
5、函数【重点】
1.基础函数定义使用。
演示的代码如下：
第一个js程序
Hello World
如图所示：
2.变量存储函数。
演示的代码如下：
第一个js程序
Hello World
如图所示：
3.匿名函数。
演示的代码如下：
第一个js程序
Hello World
如图所示：
4.函数作为函数的参数。
演示的代码如下：
第一个js程序
Hello World
如图所示：
传参时可以使用匿名函数，如图所示：
5.函数的传参问题。
演示的代码如下：
第一个js程序
Hello World
如图所示：
6.arguments 内置对象 数组类型 增强函数的健壮性。
演示的代码如下：
第一个js程序
Hello World
如图所示：
6、Js中的对象 js是一个类(类似)面向对象的编程语言。
1.自定义对象 程序员自己开发的对象。
Js中没有类的概念。
a、new Object()的代码如下：
第一个js程序
如图所示：
b.Json形式创建对象【必须会】
演示的代码如下：
第一个js程序
如图所示：
2、内置对象 js准备好的
1.数组 Array【重点】
演示的代码如下：
第一个js程序
2.字符串 String()
创建字符串的方式
1.var s = “xxx”;【常用】
2.var s = new String(“xxx”);
属性：length 字符串的长度
3.日期 Date
演示的代码如下：
第一个js程序
如图所示：
4.Math 数学相关的运算公式
演示的代码如下：
第一个js程序
如图所示：
4 事件编程【重点】由事件触发js程序运行
1.事件要素
2.Js的事件编程要素
3.Js事件编程(单击事件)
演示的代码如下：
第一个js程序
如图所示：
4.事件属性
适用于所有标签
onclick：单击事件。
ondblclcik：双击事件。
onmouseover：鼠标移入。
onmouseout：鼠标移出。
适用于
onload：页面加载完毕之后执行。
使用与表单元素：
onblur：丢失输入焦点。
onfocus：获得输入焦点。
onchange：下拉列表值的改变。
使用于监听键盘操作：
onkeyDown：任意按键按下。
onkeyUp：任意按键弹起。
演示的代码如下：
第一个js程序
下课!
下课!
下课!
姓名：
密码：
选择大区：
如图所示：
