JavaScript基础教程

函数

函数的用法

函数是由事件驱动可重复执行的代码块。

如有的方法是由点击事件驱动的。

调用函数

分2种：
在HTML中调用js的函数
在js中直接调用函数

在HTML中调用js的函数

<script>    function myFunction(){        alert("Hello World");    }</script><button onclick = "myFunction()">点击这里</button>

在js中直接调用函数

<p id="id1">计算4+5+6<p/><script>    function myFunction3(a,b,c){        return (a+b+c);    }    //根据id获取对象，innerHTML设置属性或 返回表格行开始于结束之间的内容。    document.getElementById("id1").innerHTML = myFunction3(4,5,6);</script>

无参函数

<script>    function myFunction(){        alert("Hello World");    }</script><button onclick = "myFunction()">点击这里</button>

有参函数

function myFunction2(a,b){    alert(a+b);}

return的用法

return的作用：
1 返回值
2 结束该函数(方法)

function myFunction4(a,b){    if(a>b){        return;    }    return a+b;}

局部变量和全局变量 和它们的声明周期

 局部变量： 在方法内声明的变量 全局变量：在方法外声明的变量 当一个变量没有声明时，那么会被当做全局变量来对待。 生命周期：从被声明开始到被销毁。 局部变量：函数运行以后被销毁 全局变量：页面关闭后被销毁。

运算符

分类

1. 算术运算符
2. 赋值运算符
3. 字符串中的运算符+

算术运算符

运算符 描述 案例 结果 + 加 1+2 3 - 减 5-3 2 * 乘 2*3 6 / 除 6/3 2 ++ 累加 ++2 3 – 累减 –3 1 % 取余 5%3 2

执行++和–的时候报错了

var d = ++2;var d = --2;document.write(d);

赋值运算符

x = 1,y = 2;

运算符 例子 等价于 结果 = x=y – x=2 += x+=y x=x+y x=3 -= x-=y x=x-y -1 *= x*=y x=x*y x=2 /= x/=y x=x/y x=0.5 %= x%y x=x%y 0

注意：执行完赋值语句后，值就变了。

document.write(a+=c);//执行完这一句a的值变成了8

字符串中的运算符+

字符串和数字相加，结果为字符串。

var a = 5;var b = "1";document.write(a+b);

比较和逻辑 运算符

比较运算符和逻辑运算符的结构都是true或false，跟java中的差不多。

比较运算符

比较运算符用来比较是否大小关系。
例如a = 2; b = 4;

运算符 说明 举例 == 等于 a==5 为false === 全等（值和类型） a===b false != 不等于 a!=5 true > 大于 5>3 true

=

大于或等于 5>=3 true < 小于 5<3 false <= 小于或等于 5<=3 false

逻辑运算符

运算符 说明 举例 && 和 3==3 && 5==5 true 双竖线 或 3==4 5==6 true ！ 非 3！=5 true

3==4 || 5==6

条件运算符

在java中又称三元运算符。

variableName = (condition)? value1:value2;

var a = (5>3)"是":"否";

判断语句+循环语句

循环语句

for、forin、while、do while和java中一样

break continue

break表示跳出循环，该循环不在执行。
continue表示结束本次循环，进入下一个循环。

try catch thorw

和java中意思一样

表单验证

方法没看懂

九九乘法表

<script type="text/javascript">    document.write("<table border='1'>")        for(var i = 1;i<=9;i++){            document.write("<tr>")            for(var j=1;j<=i;j++){                document.write("<td>");                document.write(i+"*"+j+"="+i*j);                document.write("</td>");            }            document.write("</tr>")        }    document.write("</table>")</script>