对于前台技术,目前正在学习JS(JavaScript),它是一门独立于Java之外的语言,因此不要与Java语言混淆。它们最大的区别:JS时弱类型,Java是强类型。
JS的特点:①交互性(进行信息的动态交互)②安全性(不允许直接访问本地硬盘)③跨平台性(解释JS的平台都可以使用)
JS与html结合的方式:①在html的head或body标签中,使用script标签,里面写JS代码,其注释与javase注释相同。②单独写一个JS文件,再在script标签中用src引用,与css类似,css在style标签中使用link引用
JS中的变量类型与javase略有不同,数据类型:number(数值类型) String(字符串类型) object(对象类型) boolean(布尔类型) function(函数类型)
JS中的特殊值:undefined(未定义) null(空) NAN(非数值) var = ?;
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>javascript1</title> 6 </head> 7 <body> 8 <script> 9 15 var i = 1; 16 var j = "abc"; 17 var m = "";//空 18 var n = abc; 19 //alert(typeof (i)); 20 document.write(typeof (i) + "<br>");//typeof()用于返回数据的类型 21 document.write(typeof (j) + "<br>"); 22 document.write(typeof (m) + "<br>"); 23 document.write(typeof (n) + "<br>"); 24 25 26 </script> 27 </body> 28 </html>
JS中的关系运算
== 代表简单数值的比较 ===比较数据和数据类型
JS中的逻辑运算
&&& ①表达式全真,返回true;②表达式有假,返回false。
|| ①表达式全假,返回false;②表达式有真,返回true。
下面是做的一个练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var sum = 0; // var i = 1; // while(i<=100){ // sum = sum + i; // i++; // } // alert(sum); // for(var i=1;i<=100;i++){ // sum = sum + i; // } // alert(sum); //九九乘法表 document.write("<table>");//表格 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> </body> </html>