前台技术学习3

对于前台技术，目前正在学习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) + "&nbsp");
               document.write("</td>");
           }
           document.write("</tr>");
       }
       document.write("</table>");
    </script>
</body>
</html>

posted on 2022-01-02 10:59 跨越&尘世阅读(30) 评论(0) 编辑收藏举报