外部javascript 的优势
分离了 html和代码,
使html和 javascript更易于阅读和维护
已缓存的javascript文件可加速页面加载
javascript显示方案
javascript能够以不同方式显示数据
使用window.alert()写入警告区
使用document.write()写入html输入,在html文档完全加载后使用document.write()将删除所有已有的html,该方法仅用于测试
使用innerhtml写入html元素
使用console.log()写入浏览器控制台
javascript语句
在html中,javascript语句是由web浏览器执行的指令
var x, y, z; // 语句 1
x = 22; // 语句 2
y = 11; // 语句 3
z = x + y; // 语句 4
计算机程序是由计算机“执行”的一系列“指令”,在编程语言中,指令就被称为语句,javascript程序就是一系列的编程语句,在 html中, javascript程序由web浏览器执行
javascript 关键字,js语句常常通过某个关键字来标识需要执行的javascript动作
break | 终止switch或循环 |
continue | 跳出循环并在顶端开始 |
debugger | 停止javascript,并调用调试函数 (如果可用) |
do…while | 执行语句块,并在条件为真时重复代码块 |
for | 标记需被执行的语句块,只要条件为真 |
function | 声明函数 |
if…else | 标记需被执行的语句块,根据某个条件 |
return | 退出函数 |
switch | 标记需要被执行的语句块,根据不同的情况 |
try…catch | 对语句块实现错误处理 |
var | 声明变量 |
js标识符
标识符是名称,在javascript中,标识符用于命名变量,以及关键字,函数,和标签
在大多数编程中,合法名称的规则大多相同
在javascript中,首字符必须是字母,下划线,或者$
连串的字符可以是字母,数字,下划线或者美元符号
数值不可以作为首字符,这样js就能轻松区分标识符,和数值
变量命名
one-name 不能使用连字符,他是为减法预留的
下划线 first_name
驼峰式大小写 FirstName firstName
我们一般倾向于小写字母开头的驼峰大小写
js注释
js注释用于解释js代码,增强可读性
js注释也可以用于测试替代代码时阻止执行
单行注释
//
多行注释
/**/
js变量
js变量是存储数据值的容器
var price1 = 7;
var price2 = 8;
var price2 = 12;
var total = price1 + price2 + price3;
在编程中类似代数,我们使用price1来存放值
所有js变量必须以唯一的名称的标识符
这些唯一的名称称为标识符,
标识符可以是短名称,或者具有描述性的名称
构造变量的名称(唯一标识符)的通用规则是
- 名称可包含字母,数字,下划线和?
- 名称必须以字母开头
- 名称也可以?和 _ 开头,但一般不会这样做
- 名称对大小写敏感(y和Y)是不同的变量
- 保留字,比如js的关键词无法用作变量名称
= 是赋值运算符,把值赋值给变量,二==才是等j sjs
声明js变量
你可以通过var关键字来声明变量
var a
声明之后,变量是没有值的,undefined
需要给变量赋值
a=1;
你可以在一条语句中声明许多变量,以var作为语句的开头,并以逗号分割变量
var person = “Bill Gates”,
carName = “porsche”,
price = 15000;
重复声明的js变量,如果你在此声明,将不会丢失它的值
var a = 1;
var a
在执行这两条语句之后变量依然是1
js字符串运算符
+= 赋值运算符也可用于相加(级联)字符串
javascript比较运算符
运算符 | 描述 |
---|---|
== | 等于 |
=== | 等值等型 |
!= | 不相等 |
!== | 不等型或不等值 |
> | 大于 |
< | 小于 |
>= | 大于或等于 |
<= | 小于或等于 |
? | 三元运算符 |
js逻辑运算符
运算符 | 描述 |
---|---|
&& | 逻辑与 |
II | 逻辑或 |
! | 逻辑非 |
javascript类型运算符
运算符 | 描述 |
---|---|
typeof | 返回变量的类型 |
instanceof | 返回true,如果对象是对象类型的实例 |
系数%返回除法的余数
var x = 7;
var y = 2;
var z = x % y; z=1
递增运算符++对数值进行递增,递减运算符进行递减
var x = 7;
x++;
var z = x;
赋值实例
=赋值运算符向变量赋值 var x = 2
+=赋值运算符向变量添加值 var x = 2 x+ = 8
-=赋值运算符向变量减去值 var x = 2 x- = 8
x=赋值运算符向相乘变量 var x = 2 x* = 8
/=赋值运算符对变量相除 var x = 2 x/ = 8
%=赋值运算符把余数赋值给变量 var x = 2 x% = 8