目录
一、基础知识
1、如何引用js代码
2、处理不支持JavaScript脚本的情况
3、数据类型
4、运算符
1、赋值运算符
2、数学运算符
3、位运算符
4、位操作符
5、比较运算符
6、逻辑运算符
7、逗号运算符
8、空运算符
9、三元运算符
10、对象运算符
11、typeof运算符
5、数组
6、逻辑处理
1、IF条件语句
2、switch条件语句
3、for循环语句
4、while和do-while语句
5、break和continue语句
6、with对象操作语句
7、使用for....in进行对象循环
二、函数
1、函数的定义
2、作为对象的函数
3、函数递归调用
一、基础知识
1、如何引用js代码
<!-- 包含于<script>和</script>标记内,嵌入到html文档中 -->
<html>
<body>
<script>
document.write("hello world");
</script>
</body>
<html>
<!-- 通过<script>标记的src属性链接到外部的js脚本文件 -->
<html>
<body>
<script src="1.js"></script>
</body>
<html>
<!-- 通过 JavaScript伪URL地址引入 -->
<html>
<body>
<input type="text" onclick="javascript:alert('hello')">
</body>
<html>
<!-- 通过HTML文档事件处理程序引入 -->
<html>
<body>
<script>
function mess()
{
alert("hello");
}
</script>
<input type="button" onclick="mess()">
</body>
</html>
2、处理不支持JavaScript脚本的情况
<html>
<body>
<script>
<!--
alert(/xss/); //如果当前浏览器不支持JS代码,那么会自动忽略隐藏此段代码
-->
</script>
</body>
</html>
3、数据类型
- Number型:整数型和浮点型
- String型:字符型
- Boolean型:布尔型(true和false)
- Undefined型:未定义类型,用于不存在或没有被赋初始值的变量或对象的属性
- Null型:表示空值
- Function型:表示函数
- Array型:数组型
- Object型:对象型
4、运算符
1、赋值运算符
包含=、+=、-=、*=、/=、%=、&=、^=
2、数学运算符
包含+、-、*、/、%、++、--
3、位运算符
包含&、|、^、~,先将操作数转换为二进制进行运算,操作完将返回值转换成十进制
4、位操作符
包含>>、<<、>>>
5、比较运算符
包含==、!=、>、<、<=、>=
6、逻辑运算符
包含&&、||、!
7、逗号运算符
可使用逗号将多个语句连在一起,浏览器载入该代码时,将其作为一个完整的语句来调用,但语句的返回值是最右边的语句。
8、空运算符
空运算符对应关键字“void”,其作用是定义一个表达式,但该表达式并不返回任何值。
9、三元运算符
表达式?语句A:语句B
var a = 10;
var b = 5;
a>b?alert(a):alert(b); //弹出10
10、对象运算符
主要支持四种对象运算符,包括点号运算符(用来访问对象的属性和方法)、new运算符(创建新对象)、delete运算符(删除数组特定元素、删除对象属性和方法)以及()运算符(用来调用对象的方法)
11、typeof运算符
用于表明操作数的数据类型,返回数值永远是一个字符串。
var a = 10;
alert(typeof(a)) //弹出number
5、数组
一组同种或不同类的数据的集合,称为数组。
#定义数组
var arr = [1,2,3,4];
var arr1 = ['hello',123,True];
var arr2 = new Array('eee',123);
#数组元素的访问
var a = arr[0];
#修改数组元素
arr[0] = 11;
#获取数组长度
arr.length
6、逻辑处理
1、IF条件语句
var a = 10;
var b = 5;
if(a>b)
{
alert(a);
}else{
alert(b);
}
2、switch条件语句
var year = 4;
var army;
switch(year)
{
case 0:
army="平民";
break;
case 1:
army="列兵";
break;
case 2:
army="上等兵";
break;
case 3:
army="一级士官";
break;
case 4:
army="二级士官";
break;
default:
army="中高级士官";
break;
}
document.write("你的军衔是"+army);
3、for循环语句
for(var i=0;i<10;i++)
{
document.write(i+"<br />");
}
4、while和do-while语句
var i = 1;
while(i<10)
{
document.write(i+"<br />");
i++;
}
var i = 1;
do
{
document.write(i);
i++;
}while(i<10);
5、break和continue语句
break语句跳出循环,continue语句停止正在进行的循环,直接进入下一次循环
for(var i=0;i<10;i++)
{
if(i%2==0)
{
continue;
}else{
document.write(i+"<br />");
}
}
6、with对象操作语句
如果需要经常引用同一对象的多个属性或方法,with操作可以简化引用过程。
document.write("aaa<br />");
document.write("bbb<br />");
document.write("ccc<br />");
with(document)
{
write("eee<br />");
write("fff<br />");
write("ggg<br />");
}
7、使用for....in进行对象循环
for (变量名 in 对象名)
{
语句
}
for (num in window)
{
document.write(i); //打印出window对象所有方法和属性
}
二、函数
1、函数的定义
函数的定义:
function 函数名([参数])
{
语句
[return 表达式;]
}
function add(int1,int2)
{
return int1+int2;
}
document.write(add(2,4));
2、作为对象的函数
JavaScript中所有的数据类型、数组等均可作为对象,函数也是。可使用new操作符和function对象的构造函数来生成指定规则的函数。
var fun1 = new Function(int1,int2);
3、函数递归调用
function fun1(int1)
{
if(int1==1)
{
return 1;
}
return int1 * fun1(int1-1);
}
document.write(fun1(3));