JavaScript书写位置
写在行内
<input type="button" value="按钮" onclick="alert('Hello World')" />
写在script标签中:由包含的代码就是JavaScript代码,他将直接被浏览器执行。
<script>
alert('Hello,world!');
</script>
写入外部js文件中,在页面引入。把代码放在单独的文件中更有利于维护代码,并且多个页面可以引用同一个js文件。
<script type="text/javascript" src="/js/Hello.js"></script>
变量
变量的概念:一个变量就是分配了一个值的参数。使用变量可以方便的获取或者修改内存中的数据。
声明变量:在声明变量时使用关键字var,要注意关键字与变量名之间的空格,也可以在一行中声明多个变量,以逗号分隔变量。
注意:第一个字符必须是字母、下划线(_)或者美元符($)
后面可以跟字母、下划线、美元符、数字,但不能是其他符号
在被申明的范围内,变量的名称必须是唯一的
不能使用保留关键字作为标识符
var age;
数据类型
js的数据类型分为两大类:
原始数据类型(基本数据类型):
1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2. string:字符串 *注意 JavaScript里 "abcdef" 为字符串 "a" 也为字符串 'abc' 单引号的也为字符串
3. boolean: true 和 false
4. null:可以解释为 一个对象为空的占位符
5. undefined:未定义的。如果一个变量没有给初始化值,则会被默认赋值为undefined
对象数据类型
运算符
算数运算符 + - * / % …
var a = 2;
var b = 3;
document.write( a + b + "<br>"); // 5
document.write( b - a + "<br>"); // 1
document.write( a * b + "<br>"); // 6
document.write( a / b + "<br>"); // 0.666666666666666666
document.write( a % b + "<br>"); // 2
赋值运算符 = += -+ …
var a = 2;
a+=2;
document.write( a + "<br>"); // 4
a-=2;
document.write( a + "<br>"); // 2
a*=2;
document.write( a + "<br>"); // 4
a/=2;
document.write( a + "<br>"); // 2
一元运算符:只有一个运算数的运算符如 ++,-- , + (正号)
++ --: 自增(自减)
- ++(–) 在前,先自增(自减),再运算
- ++(–) 在后,先运算,再自增(自减)
var num = 3;
var a = ++num;
var b = num++;
document.write(num + "<br>"); // 5
document.write(a + "<br>"); // 4
document.write(b+"<hr>"); // 4
+(-):正负号
注意:在JavaScript中,如果运算数不是该运算符所要求的类型,那么JavaScript的引擎会自动的将运算数进行类型转换,转换为符要求的类型
其他类型转number:
string转number:按照字面值转换。如果字面值不是数字,则转为NaN(不是数字的数字)
boolean转number:true转为1,false转为0
var c= +"123";
var d = +"123abc";
document.write(typeof (c)+"<br>"); // 得到: number
document.write(c+1);//得到: 124
document.write("<br>"); //换行
document.write(typeof (d)+"<br>"); //number
document.write(d+1); // 得到: NaN(不是数字的数字)
document.write("<hr>");
var flag1 = + true;
var flag2 = +false;
document.write(typeof (flag1) + "<br>"); // 得到:number
document.write(flag1 + "<br>");//得到 1
document.write(flag2 + "<br>");//得到 0