1.HTML引入JS的两种方法:
-
引入js的第一种方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
alert("hello js") //alert()是js语言提供的一个警告框。
</script> //他可以接受任意类型的参数,这个参数就是警告框的提示信息
</head>
<body>
</body>
</html>
-
引入js的第二种方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/js.js"> //src:引入js.js文件的路径
<script type="text/javascript">
alert("js wwo");
</script>
</head>
<body>
</body>
</html>
2.js里面的变量
什么是变量?变量就是存方法某些值的内存的命名。
Js的变量类型:
数值类型:number
字符串类型:string
对象类型:object
布尔类型:boolean
函数类型:function
Js中的特殊的值:
Undefined未定义:所有的js变量未赋予初始值的时候,默认都是Undefined
Null:空值
NaN:全称not a number 非数字 非数值
Js中的定义变量的格式:
var 变量名;
var 变量名=值;
var i;
alert(i);
i="abc";
//typeof()是我们的js语言中的提供的一个函数
alert(typeof (i));
var a=12;
var b="ace";
alert(a*b);//NaN是非数值,非数字
3.关系(比较运算)
等号:==等于是简单的做字面值的比较
全等号:===除了比较字面值之外,还会比较两个变量的数据类型
var a="12";
var b=12;
alert(a==b); //输出true
alert(a===b); //输出false
注:
逻辑运算:
且运算:&&
或运算:||
取反运算:!
在js当中,所有的变量都可以作为以个boolean的变量去使用
0,null,undefined,””(空串)都认为是false
&&且运算:
第一种情况:
当表达式全为真的时候,返回最后一个表达式的值
第二种情况:
在表达式中,有一个为假的时候,返回第一个为假的表达式的值
||或运算:
第一种情况:
当表达式全为假的时候,返回最后一个表达式的值
第二中情况:
只有一个表达式为真,就会返回第一个为真的表达式的值
并且&&和||都是有一个短路效果的,
当这个&&或者||有了结果了,后面的表达式就不再执行。
var a="abc";
var b=true;
var c=null;
var d=false;
alert(a&&b);//true
alert(b&&a);//abc
alert(a&&d);//false
alert(a&&c);//null
alert(c&&d);//null
alert(b&&c);//null
alert(d||c);//null
alert(c||d);//false
alert(a||c);//abc
alert(b||c);//true
3.数组
//9×9乘法表
//数组
var mycars = new Array()
mycars[0] = 1
mycars[1] = 2
mycars[2] = 3
mycars[3] = 4
mycars[4] = 5
mycars[5] = 6
mycars[6] = 7
mycars[7] = 8
mycars[8] = 9
for (i=0;i<mycars.length;i++)
{
for (j=0;j<=i;j++){
document.write(mycars[j]+"*"+mycars[i]+"=" +mycars[i]*mycars[j]+ "<br />")
}
}