前台技术学习3

2022-01-02 11:02:29 阅读：104 来源： 互联网

标签：write 技术 JS 学习类型前台 var document typeof

对于前台技术，目前正在学习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>

标签：write,技术,JS,学习,类型,前台,var,document,typeof
来源： https://www.cnblogs.com/jzz-111jy/p/15757134.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

前台技术学习3