1.switch(多分支选择语句) 语句:用于基于不同的条件来执行不同的动作.语句结构如下:
switch(n){ //n:首先设置表达式(通常是变量)
// case 1: //case 常量表达式
// 执行代码块 1
// break;
// case 2:
// 执行代码块 2
// break;
// ....
// default:
// 与 case 1 和 case 2 ...不同时执行的代码
// }
实例
var num=5;
switch(num){
case 1:document.write('a');
break;
case 2:document.write('b');
break;
case 3:document.write('c');
break;
case 4:document.write('d');
break;
default:document.write('?');
}
运行实例 »
点击 "运行实例" 按钮查看在线实例2.for循环语句:
// 格式:
// for (初始值;循环条件;步长){
// 循环体;
// }
// 【案例1】计算:用循环在页面中输出1到10
var i=1;//初始值
var num=0;//计算结果
for(i;i<=10;i++){
num++;// num+=1
document.write(num+"<br>");
}点击 "运行实例" 按钮查看在线实例
// 【案例2】js打印九九乘法表
for(var i=1;i<=9;i++){//第一个乘数
for(var j=i;j<=9;j++){//第二个乘数 1X1=1
var kong=" "
if(i*j<10){
kong+=" "
}
document.write(i+'X'+j+'='+(i*j)+kong)
}
document.write('<br>')
}点击 "运行实例" 按钮查看在线实例
3. while 循环 (只要指定条件为 true,该循环就可以一直执行代码块;所以不要忘记加条件奥!浏览器会崩溃的!)
// while (条件)
// {
// 需要执行的代码
// }
【案例1】计算:用循环在页面中输出1到10
var i=1;
while(i<=10){
document.write(i+"<br>");
i++;
}点击 "运行实例" 按钮查看在线实例
4.do..while循环(该循环是 while 循环的变体;该循环至少会执行一次,即使条件为 false 它也会执行一次,因为代码块会在条件被测试前执行)
// do{
// 循环体
// }while(条件表达式)
// 【案例1】计算:用循环在页面中输出1到10
var i=1;
do{
document.write(i+"<br>");
i++;
}while(i<=10);点击 "运行实例" 按钮查看在线实例
5.for/in 语句用于循环对象属性( for...in 循环中的代码块将针对每个属性执行一次)
// 语法: for (var in object) {
// 执行的代码块}
var add={
name:"欧阳克",
age:"69岁",
height:"188cm"
}
var x;
var text="";
for(x in add){
text=text+add[x]+";"
}
document.write(text);
var week=["周一","周二","周一","周一","周一","周一","周日"];
var x
for(x in week){
document.write(week[x]+'<br>')
}点击 "运行实例" 按钮查看在线实例
6.Break和 Continue
// break 语句用于跳出循环
// continue 用于跳过循环中的一个迭代
for(var i=1;i<=10;i++){
if(i==5){
break;
}
document.write(i+'<br>')
}
for(var i=1;i<=10;i++){
if(i==5){
continue;
}
document.write(i+'<br>')
}点击 "运行实例" 按钮查看在线实例
7.函数(Function)
// 函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
// 函数的声明:
// JavaScript 使用关键字 function 定义函数;函数可以通过声明定义,也可以是一个表达式
// 创建自定义函数的语法:
// function functionName(){
// 执行的代码块
// }
function num(){
var i=1;//初始值
var num=0;//计算结果
for(i;i<=10;i++){
num++;// num+=1
document.write(num+"<br>");
}
}
num()
// 注意:函数不会自己运行,只有被调用了才会运行
// 函数表达式:JavaScript 函数可以通过一个表达式定义,函数表达式可以存储在变量中;
var x=function(){document.write('我是灭绝')}//匿名函数
// Function()构造函数
// var obj=new Function(document.write('我是灭绝'))
// obj()
// 函数的返回值与参数
// 在调用函数时,您可以向其传递值,这些值被称为参数
// 函数的参数可分为:形参、实参
// 形参:形式参数,是指函数创建的时候,函数名后面的括号中的参数,它的作用是为函数外部的变量提供一个进入到函数体中的“门”。
// 实参:实际参数,是指函数在调用的时候,函数名后面的括号中的参数,它的作用是将函数外面的变量通过实参穿入到函数中。
// function functionName(参数序列){
// 执行的代码块
// }
function obj( x,y){
document.write(x*y);
}
obj(5,10);
// 创建带有返回值的函数
// 关键字:return 返回值
//函数只要运行到return 语句,整个函数调用就立刻结束,在return语句后面还有语句也不会继续运行
function a(b,c){
document.write('欢迎来到php中文网!');
return b+c;
}
document.write(a(100,50));点击 "运行实例" 按钮查看在线实例
7.分别用for循环打印九九乘法表,while循环用*打印三角形,代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打印九九乘法表</title>
</head>
<body>
<span>用for循环打印九九乘法表案例</span>
<script type="text/javascript">
for (var i =1; i <= 9; i++) {
for(var j=i;j>=1;j--){
if(i==j){
document.write('<br>');
}
document.write(i+'X'+j+'='+i*j+' ');
}
}
document.write('<hr><br><br>');
document.write('用while循环用*打印三角形案例<br>');
//用while循环用*打印三角形案例
var a=1;
while(a<20){
var b=1;
while(b<a){
document.write('*');
b++;
}
document.write('<br>');
a++;
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号