JavaWeb学习记录

JavaScript

Java se部分的内容已经学完，html和css先前学习过，于是进入JavaScript的学习

JavaScript的简单介绍

JS是Netscape——网景公司的产品，最早取名为LiveScript，为了吸引更多Java程序员的关注，更名为JavaScript（标题党ヾ(｡｀Д´｡)）。

与Java的对比：JS是弱类型语言，Java为强类型

弱类型：类型可变
强类型：定义变量时类型就已确定且不能改变

JavaScript特点：

交互性（信息的动态交互）
安全性（不允许直接访问本地硬盘）
跨平台性（只要是可以解释JS的浏览器都可以执行，和平台无关）

使用方式

新建html文件，在<head>标签对中插入<script>标签对

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript"></script>
 7 </head>
 8 <body>
 9 </body>
10 </html>

代码编写方式：

直接在<script>标签对中添加

1 <script type="text/javascript">
2     alert("hello world!");
3 </script>

新建js文件，用<script>标签的src属性引入js文件路径（可以是相对路径，也可以是绝对路径），在js文件中编写
```
1 <script type="text/javascript" src="1.js"></script>
```
js文件代码：
```
1 alert("hello world!");
```

注意：一个<script>标签对只能实现一种代码编写方式，不能既引入js文件路径的同时又在<script>标签对中写js代码

变量

JavaScript中的变量类型：

number　　->　　数字

string　　 ->　　字符串

object　　 ->　　对象

boolean　 ->　　布尔　特别说明：在JavaScript中，任何数据类型都能表示boolean类型，0，NaN，null，undefined，""，都为false

function　　->　　函数

JavaScript中特殊的值：

undefined：未定义，所有js代码中未赋予初始值时默认值都是undefined

　　 null：空值

　　 NaN：Not a number，表示非数字，非数值。如number * string

JavaScript中变量的定义格式：

var 变量名;

var 变量名 = 初值;

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript">
 7         var a = 0;
 8         if(a){
 9             alert("0为真");
10         }else {
11             alert("0为假");
12         }
13 
14         var b = null;
15         if(b){
16             alert("null为真");
17         }else {
18             alert("null为假");
19         }
20 
21         var c = undefined;
22         if(c){
23             alert("undefined为真");
24         }else {
25             alert("undefined为假");
26         }
27 
28         var d = "";
29         if(d){
30             alert("空字符串为真");
31         }else {
32             alert("空字符串为假");
33         }
34 
35         if(a * b){
36             alert("NaN为真");
37         }else{
38             alert("NaN为假");
39         }
40     </script>
41 </head>
42 <body>
43 
44 </body>
45 </html>

关系（比较）运算符：

除> >= != <= <外，比较特殊的是==

等于：==　　简单的字面值之间相等

全等于：=== 除了字面量相等外，数据类型也相等

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript">
 7 
 8         var a = "12";
 9         var b = 12;
10         alert(a == b);//  true
11         alert(a === b);//  false
12 
13 
14 
15     </script>
16 </head>
17 <body>
18 
19 </body>
20 </html>

逻辑运算符：

&&（与）运算符：

当表达式全部为真的时候，返回最后一个表达式的值

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript">
 7 
 8         var a = 1;
 9         var b = 2;
10         var c = 3;
11         alert(a && b && c);//  输出3
12 
13 
14 
15     </script>
16 </head>
17 <body>
18 
19 </body>
20 </html>

当表达式中，有一个为假的时候，返回第一个为假的表达式的值

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript">
 7 
 8         var a = 1;
 9         var b = 0;
10         var c = null;
11         alert(a && b && c);//  输出0
12 
13     </script>
14 </head>
15 <body>
16 
17 </body>
18 </html>

||（或）运算符：

当表达式全为假时，返回最后一个表达式的值

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript">
 7 
 8         var a = undefined;
 9         var b = 0;
10         var c = null;
11         alert(a || b || c);//  输出null
12 
13     </script>
14 </head>
15 <body>
16 
17 </body>
18 </html>

只要有一个表达式为真，就会返回第一个为真的表达式的值

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script type="text/javascript">
 7 
 8         var a = 168;
 9         var b = 1;
10         var c = null;
11         alert(a || b || c);//  输出168
12 
13     </script>
14 </head>
15 <body>
16 
17 </body>
18 </html>

&&和||运算符有短路，当&&或||运算有结果了之后，后面的表达式不再执行

posted @ 2020-05-28 03:32 Victor老韬阅读(68) 评论(0) 收藏举报

刷新页面返回顶部

Victor老韬