前台技术学习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>

 

上一篇:Chrome禁用开发者工具


下一篇:web-跳转网页