初级程序员必知--第一个程序是这样写出来的!
这是我学习javascript脚本语言写的第一个程序,在此和大家分享!
<!DOCTYPE html> <!--文件格式为html5--> <html> <head> <meta charset="gb2312"> <!--编码为gb2312--> <title>从1+1=2作起1</title> <script language = "javascript"> function add(){ var add_num1; //var 脚本中定义变量的方法 add_num1 = document.getElementById("num1").value; //获取的是id属性 //alert(typeof(add_num1)); //typeof() ,判断变量a的类型 :"string" //alert(typeof(parseInt(add_num1))); //通过parseInt()方法 ,将变量a的类型转变成 :"Number" //alert(add_num1); //打印变量a ,类型为"string" //var add_num1_ = document.addform.num1.value; //获取的是name属性 //alert(typeof(add_num1_)); //通过这种方法获得的变量的属性仍为"string" var add_num2; add_num2 = document.getElementById("num2").value; var sum; sum = parseInt(add_num1) + parseInt(add_num2); //这是"+"运算符的使用方法 //sum = Number(add_num1) + Number(add_num2); //Number() 函数把对象的值转换为数字 //alert(sum); //alert(typeof(sum)); //document.getElementByName("sum")=sum; document.getElementById("sum").value = sum; //将值赋回给"sum" } </script> </head> <body> <center> <form name = "addform" method = "post"> <table border = "1"> <tr> <td>数1</td> <td><select id = "num1" name ="num1"> <option value ="1" selected>1</option> <!-- 无论 value ="1"还是value=1 输入框的内容都是string类型的--> <option value ="2">2</option> </select><td> </tr> <tr> <td>数2</td> <td><select id = "num2" name ="num2"> <option value ="1" selected>1</option> <option value ="2">2</option> </select><td> </tr> <tr> <td><input type = "button" value = "相加" onClick="add()"></td> <!--onclick 事件会在对象被点击时发生。 请注意, onclick 与 onmousedown 不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。--> <td><input type = "text" id = "sum" value = ""/></td> </tr> </table> </form> <center> </body> </html>
首先,每一行注释,都是自己的思维过程,不要小看他!
第二、每一句话、每个函数都有自己的标准。在写第一个程序时尽量做到知其然知其所以然。具体参考www.w3school.com.cn.
第三,通过第一个程序,逐渐养成良好的习惯,自己的程序,自己明白,他人也明白。
好了,就到这吧,加油吧。