javascript基础

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript基础相关的知识,希望对你有一定的参考价值。

 

for 循环语句
 
for(initial; expression; post-loop-expression){
//statement;
}
 
for (变量=开始值;变量<=结束值;变量=变量+步进值) {
  需执行的代码
}
 
例:
 
for(var count = 1; count < 11; count++){
alert(count);
}
 
While
 
语法:
while (exp) {
//statements;
}
 
说明:
while (变量<=结束值) { 需执行的代码 }
 
例1:
var i = 1;
 
while(i < 3){
alert(i);
i++;
}
 Do…while
 
do {
//statements;
}while (condition);
 
do { 需执行的代码 } while (变量<=结束值)
 
例:
 
var i = 1;
do {
alert(i);
i++;
}while(i < 3);

 

break 语句和 continue 语句
 
break 语句可以立即退出循环;
continue 语句只是退出当前循环;
 
例: var n = 0;
 
for(var i = 1; i < 10; i++){
if(i == 4){
    continue;
}
 
n++;
}
 
alert(n);

 

这是一个99乘法表

document.write("<table border=‘1‘>");
for(var a=1;a<10;a++){
    document.write("<tr>");
    for(var b=1;b<=a;b++){
        document.write("<td>"+a+"X"+b+"="+a*b+"</td>");
    }
    document.write("</tr>");
}
document.write("</table>");

调用方法设置表格

function num(z,x){
    document.write("<table border=‘1‘>");
    for(var i=0;i<=z;i++){
    document.write("<tr>");
    for(var j=0;j<=x;j++){
        if(i%2){
            if(j%2){
                document.write("<td style=‘background-color: black;‘>"+i+" "+j+"</td>");
            }else{
                document.write("<td>"+i+" "+j+"</td>");
            }
        }else{
            if(j%2){
                document.write("<td>"+i+" "+j+"</td>");
            }else{
                document.write("<td style=‘background-color: black;‘>"+i+" "+j+"</td>");
            }
            }
        
    }
    document.write("</tr>");
}
}
函数
函数就是完成某个功能的一组语句,函数由关键字 function + 函数名 + 一组参数定义;
函数在定义后可以被重复调用,通常将常用的功能写成一个函数,利用函数可以使代码的组织
结构更多清晰。
 
 
基本语法:
function funName (arg0, arg1, … argN){
//statements
}
 
例1:
function say_hello (name, msg){
alert(“hello”+ name + “:”+ msg);
}
say_hello(“david”, “how are you today?”);

 

使用 return 语句从函数返回值
function sum (num1, num2){
return num1 + num2;
 
}
 
var s = sum(1, 2);
alert(s);

以上是关于javascript基础的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段