1、如何插入JS:
a)在HTML代码中直接插入:
<script type="text/javascript">
JavaScript代码写在这里
</script>
b)引用JS外部文件:
<script src="此处填入具体的JS文件名"></script>
2、在何处插入JS文件:
因为加载JS文件/代码需要时间,所以如非必要尽量把JS代码插入在</body>前,而不是<head></head>之间。
3、语句末尾最好加上分号“;”,不加上没有错,但加上有利于辨别语句是否结束,形成良好的代码习惯。
4、注释:在可能的情况下多写注释,利人利己。
a)单行注释:在注释内容前加“//”。
<script type="text/javascript"> document.write("单行注释使用‘//‘"); //我是注释,该语句功能是在网页中输出“”中的内容 </script>
b)多行注释:多行注释以" /* "为开始,以" */ "为结束。
1 <script type="text/javascript"> 2 document.write("多行注释使用/* 注释内容 */ "); 3 /* 4 这是多行注释 5 注释利人利己 6 */ 7 </script>
5、变量:变量要先声明后赋值使用。
a)声明变量使用关键字:var,赋值使用" = ",具体声明格式如下:
//变量声明后不一定要马上赋值 //逐一声明变量 var myStr; var myNum; //一条声明语句同时声明多条变量 var myStr, myNum; //声明一个变量并将一个字符串赋值给它 var myStr; myStr = "javascript"; //声明一个变量并将一个数值赋值给它 var myNum; var myNum = 2; //可以一条声明同时声明两个变量,然后再逐一赋值 var myStr, myNum; myStr = "javascript"; myNum = 2; //声明变量和赋值在同一条语句中完成 var myStr = "javascript"; var myNum = 2; //也可以同时完成 var myStr = "javascript", myNum = 2; //不使用var关键字直接赋值也可以声明一个变量,但不推荐使用 myStr = "javascript"; myNum = 2; //变量可以重复赋值 var myStr; myStr = "javascript"; myStr = "hello"; // 此时myStr的值为hello
6、判断语句:
a)if...else:
1 //语法 2 if (用于判断的条件){ 3 条件成立时执行的代码; 4 } 5 else{ 6 条件不成立时执行的代码; 7 } 8 9 //例子 10 <script type="text/javascript"> 11 var myGender = "male"; 12 if (myGender == "male"){ 13 document.write("男人"); 14 } 15 else{ 16 document.write("女人"); 17 } 18 </script> 19 20 //第二个例子(注意判断条件类型不同时的写法) 21 <script type="text/javascript"> 22 var myScore = 98; 23 if (myScore >= 90){ 24 document.write("优秀"); 25 } 26 else{ 27 document.write("还行"); 28 } 29 </script>
b)if...else if...else:
1 if (条件1){ 2 当条件1为true时执行的代码; 3 } 4 else if (条件2){ 5 当条件2为true时执行的代码; //可以有多个else if 6 } 7 else{ 8 当以上条件都不为true时执行的代码; 9 } 10 11 // 例子 12 <script type="text/javascript"> 13 var myScore = 88; 14 if (myScore >= 90){ 15 document.write("优"); 16 } 17 else if (myScore >= 80){ 18 document.write("良"); 19 } 20 else if (myScore >= 70){ 21 document.write("中"); 22 } 23 else if (myScore >=60){ 24 document.write("差"); 25 } 26 else{ 27 document.write("不及格"); 28 } 29 </script>
原文:http://www.cnblogs.com/nnxweb/p/5782546.html