1、JavaScript 介绍
Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行 JavaScript 代码。
JS 是 Netscape 网景公司的产品,最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。
JS 是弱类型,Java 是强类型。
特点:
1. 交互性(它可以做的就是信息的动态交互)
2. 安全性(不允许直接访问本地硬盘)
3. 跨平台性(只要是可以解释 JS 的浏览器都可以执行,和平台无关)
2、JavaScript 和 html 代码的结合方式
2.1、第一种方式
只需要在 head 标签中,或者在 body 标签中, 使用 script 标签 来书写 JavaScript 代码
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"><title>Title</title> 5 <script type="text/javascript"> 6 // alert 是 JavaScript 语言提供的一个警告框函数。 7 // 它可以接收任意类型的参数,这个参数就是警告框的提示信息 8 alert("hello javaScript!"); 9 </script> 10 </head> 11 <body> 12 </body> 13 </html>
2.2、第二种方式
使用 script 标签引入 单独的 JavaScript 代码文件
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <!-- 7 现在需要使用 script 引入外部的 js 文件来执行 8 src 属性专门用来引入 js 文件路径(可以是相对路径,也可以是绝对路径) 9 script 标签可以用来定义 js 代码,也可以用来引入 js 文件 10 但是,两个功能二选一使用。不能同时使用两个功能 11 --> 12 <script type="text/javascript" src="1.js"></script> 13 <script type="text/javascript">alert("123"); 14 </script> 15 </head> 16 <body> 17 </body> 18 </html4、变量什么是变量?变量是可以存放某些值的内存的命名。
3.变量
JavaScript 的变量类型:
数值类型: number
字符串类型: string
对象类型: object
布尔类型: boolean
函数类型: function
JavaScript 里特殊的值:
undefined 未定义,所有 js 变量未赋于初始值的时候,默认值都是 undefined.
null 空值
NaN 全称是:Not a Number。非数字。非数值。
JS 中的定义变量格式:
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 i; 8 // alert(i); // undefined 9 i = 12; 10 // typeof() 是 JavaScript 语言提供的一个函数。 11 // alert( typeof(i) ); // numberi = "abc"; 12 // 它可以取变量的数据类型返回 13 // alert( typeof(i) ); // String 14 var a = 12; 15 var b = "abc"; 16 alert( a * b ); // NaN 是非数字,非数值。 17 </script> 18 </head> 19 <body> 20 </body> 21 </html>
4.关系运算
等于: == 等于是简单的做字面值的比较
全等于: === 除了做字面值的比较之外,还会比较两个变量的数据类型
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 = "12"; 8 var b = 12; 9 alert( a == b ); // true 10 alert( a === b ); // false 11 </script> 12 </head> 13 <body> 14 </body> 15 </html>
5.逻辑运算
且运算: &&
或运算: ||
取反运算: !
在 JavaScript 语言中,所有的变量,都可以做为一个 boolean 类型的变量去使用。
0 、null、 undefined、””(空串) 都认为是 false;
&& 与运算。
有两种情况:
第一种:当表达式全为真的时候。返回最后一个表达式的值。
第二种:当表达式中,有一个为假的时候。返回第一个为假的表达式的值
|| 或运算
第一种情况:当表达式全为假时,返回最后一个表达式的值
第二种情况:只要有一个表达式为真。就会把回第一个为真的表达式的值
并且 && 与运算 和 ||或运算 有短路。
短路就是说,当这个&&或||运算有结果了之后 。后面的表达式不再执行