2011 韩顺平轻松搞定网页设计
(html+css+js)之
javascript 现场授课笔记(完整版)
Javascript 的基本介绍
脚本语言是什么:
JS 是用于 WEB 开发的脚本语言:
脚本语言不能独立使用,它和 HTML/JSP/PHP/ASP.NET 配合使用
脚本语言也有自己的变量,函数,控制语句(顺序,分支,循环)
脚本语言实际上是解释性语言(即在执行时直接对源码进行执行)
js→浏览器(js 引擎来解释执
,
Java 程序.java→.class→jvm
行)
Js 在客户端(浏览器)执行
因为 js 是由浏览器来执行的,因此这里有个问题,不同类型的浏览器
可能对 js 的支持不一样。
New Document
案例:1
需求:打开网页后,显示 hello !
New Document
问题:
js 的位置可以随意放
js 必须使用
在一个 html 文件中(JSP/PHP/ASP.NET)可以出现多对(script)片段,浏览器会
按照先后顺序一次执行
案例 2:Hello world 程序改进
如何定义变量:
如何运算:
New Document
//alert 函数 window.alert 表示弹出一个对话框
1)
Js 的变量类型是怎样决定的
Js 是弱数据类型语言,即:在定义变量侍候,统一使用 var 表示,甚至可以去除 var
这个关键字
Js 中的变量的数据是由 js 引擎决定的
//name 是字符串
2)
Var name=”shunping”;
//kk 是数字
Var kk=2
Name=234;
//这事 name 自动变成数
Js 的命名规范(函数/变量):
1) 使用大小写字母,数字,$可以命名
2) 不能以数字打头
3) 不能使用 js 保留字和关键字(即 javascript 里的关键字)
4) 区分大小写
5) 单行注释://
6) 多行注释:/*…….*/
韩顺平 JS 第三讲
Js 的数据类型:
基本数据类型
数值类型
字符串类型
布尔类型
通过 typeof 可以看到变量的具体数据类型
举例:
New Document
//体现 js 是动态语言
复合数据类型
//体现 js 是动态语言:即数据类型可以任意变化
数组
对象
特殊数据类型
Null 即:var=null
Undefined
即:如下代码
//未给值
//直接报错:未定义
Js 定义变量,初始化,赋值
定义变量: 即 var=a
初始化: 即在定义变量时就给值
赋值: 即:比如你先定义一个变量 var=tt ,然后再给值:tt=780;
js 数据类型转换:
自动转换
例子:var=123; //a 是数值 a=”hello” //a 的类型是 string
强制转换
例子:字符串转换成数字
Var a="123” ;
a=parseInt(a);
//使用系统数强制转换
Var b=90 ;
b=b+””,
//b 是 number
//b 就是 string
运算符
+ — * / %
%(取摸:即两个数相除的余数) 强调:取模主要用于整数之间取模
例子:编写一个程序,判断两个数是否能够整除
++, 运算符
a++ = a=a+1
a-- = b=b-1
++a 表示先把自己加 1 再赋值
--a 表示先把自己减 1 再赋值
例子:
//b=++a 等同于[a=a+1;b=a]
b=a++等同于[b=a; a=a+1;]
Var a=56;
Var b=++a;
Window.alert(b);
Window.alert(a);
--运算符
Var a=56;
Var b=--a;
Window.alert(b);
Window.alert(a);
//b=--a 等同于[a=a-1;b=a]
b=a--等同于[b=a; a=a-1;]
例子:编写一个程序,判断两个数是否能够整除
++, 运算符
a++ = a=a+1
Var a=56;
Var b=++a;
Window.alert(b);
Window.alert(a);
--运算符
Var a=56;
Var b=--a;
Window.alert(b);
Window.alert(a);
a-- = b=b-1
++a 表示先把自己加 1 再赋值
--a 表示先把自己减 1 再赋值
例子: