JavaScript基础

JavaScript基础－2

javascript的基本语法，javascript具有所有语言都具有的所有程序结构：顺序/分支/循环这三种结构。

if语句的例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript">   1:  
            function testIF(){
                var tempTextBox = document.getElementById("number").value;
                
                if(tempTextBox>10)
                {
                    alert("您输入的数字大于10");
                }
                else
                {
                    alert("您输入的数字小于10");
                }
            }
        
</script>
    </head>
    <body>
        <form id="testform">
            <input type="text" id="number" value="">
            <input type="button" value="判断" onclick="testIF()">
        </form>
    </body>
</html>

for语句的例子：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript">   1:  
            function testFor()
            {
                var tempValue=document.getElementById("testFor").value;
                for(i=0;i<tempValue;i++)
                {
                    alert(i);
                }
            }
        
</script>
    </head>
    <body>
        <input type="text" id="testFor">
        <input type="button" id="demoid" value="点击" onclick="testFor()">
    </body>
</html>

在javascript中我们也支持面对对象，只不过是模拟出来的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Untitled Document</title>
        <script type="text/javascript">   1:  
  
                var Person=new Object();
                function sum(a,b)
                {
                    return a+b;
                }
                
                Person.sum=sum;
                //sum是一个属性还是一个方法要看后面跟的是一个什么
                alert(Person.sum(3,5));
                //可以使用匿名函数的方式来实现方法的声明
                Person.age=function(){return 8+8;};
                alert(Person.age());
                //带参数的匿名函数
                Person.test=function(a,b){return a+b};
                alert(Person.test(4,6));
                
                //以下方式是为了模拟属性的实现
                Person.Age=20;
                Person.setAge=function(a){Person.Age=a};
                Person.setAge(555);
                alert(Person.Age);
        
</script>
    </head>
    <body >
    </body>
</html>