JavaScript两小时快速入门笔记
一、概述
JavaScript语言诞生主要是完成页面的数据验证。因此它运行在客户端,需要运行浏览器来解析执行JavaScript代码。
JS是Netscape网景公司的产品,最早取名为LiveScript;为了吸引更多的java程序员。更名为JavaScript.
JS是弱类型,Java是强类型
特点:
- 交互性(他可以做的就是信息的动态交互)
- 安全性(不允许直接访问本地硬盘)
- 跨平台性(只要是可以解释JS的浏览器都可以执行,和平台无关)
二、JavaScript和html代码的结合方式
2.1 第一种方式
只需要在head标签中,或者在body标签中,使用script标签来书写javascript代码
测试代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test1</title>
<script type = "text/javascript">
//alert 是JavaScript语言提供的一个警告框函数。
//它可以接受任意类型的参数,这个参数就是警告框的提示信息
alert("Hello javaScript!");
</script>
</head>
<body>
</body>
</html>
2.2 第二种方式
使用script标签引入单独的JavaScript
测试代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test1</title>
<!-- <script type = "text/javascript">
//alert 是JavaScript语言提供的一个警告框函数。
//它可以接受任意类型的参数,这个参数就是警告框的提示信息
alert("Hello javaScript!");
</script>-->
<!--
现在需要使用script引入外部的js文件来执行
src属性专门用来引入js文件路径(可以是相对路径,也可以是绝对路径)
script标签可以用来定义js代码,也可以用来引入js文件
但是,两个功能二选一使用,不可以同时使用两个功能
-->
<script type = "text/javascript" src="js1.js"></script>
</head>
<body>
</body>
</html>
三、变量
JavaScript的变量类型:
变量类型
名称
数值类型
number
字符串类型
string
对象类型
object
布尔类型
boolean
函数类型
function
JavaScript里特殊的值:
类型
含义
undefined
未定义,所有js变量未赋予初始值的时候,默认值都是undefined
null
空值
NAN
全称是: Not a Number。非数字。非数值
JS中的定义变量格式:
var 变量名;
var 变量名 = 值;
测试代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test1</title>
<!-- <script type = "text/javascript">
//alert 是JavaScript语言提供的一个警告框函数。
//它可以接受任意类型的参数,这个参数就是警告框的提示信息
alert("Hello javaScript!");
</script>-->
<!--
现在需要使用script引入外部的js文件来执行
src属性专门用来引入js文件路径(可以是相对路径,也可以是绝对路径)
script标签可以用来定义js代码,也可以用来引入js文件
但是,两个功能二选一使用,不可以同时使用两个功能
-->
<script type = "text/javascript">
// var i;
// i = 12;
// alert(i);
// alert(typeof(i)) // 取出变量的数据类型 number
var a = 12;
var b = "abc"
alert(a * b) // NAN是非数字,非数值
</script>
</head>
<body>
</body>
</html>
javascript的关系运算符和java的关系运算符有略微的区别:(其他的都一样)
测试代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test1</title>
<!-- <script type = "text/javascript">
//alert 是JavaScript语言提供的一个警告框函数。
//它可以接受任意类型的参数,这个参数就是警告框的提示信息
alert("Hello javaScript!");
</script>-->
<!--
现在需要使用script引入外部的js文件来执行
src属性专门用来引入js文件路径(可以是相对路径,也可以是绝对路径)
script标签可以用来定义js代码,也可以用来引入js文件
但是,两个功能二选一使用,不可以同时使用两个功能
-->
<script type = "text/javascript">
// var i;
// i = 12;
// alert(i);
// alert(typeof(i)) // 取出变量的数据类型 number
// var a = 12;
// var b = "abc"
// alert(a * b) // NAN是非数字,非数值
var a = "12"
var b = 12
alert(a == b) //仅仅是字面上的比较 true
alert(a === b) // 字面上的比较 还有 数值类型的比较 false
</script>
</head>
<body>
</body>
</html>
四、逻辑运算
且运算:&&
或运算:||
取反运算:!
在javascript语言中,所有的变量,都可以作为一个boolean类型的变量去使用。
0、null、undefined、空串都认为是false
javascript的逻辑运算与java的逻辑运算符还有些不一样:
&& 且运算。
第一种:当表达式全为真的时候,返回最后一个表达式的值
第二种:当表达式有一个为假的时候。返回第一个为假的表达式
|| 或运算
第一种:当表达式全为假的时候,返回最后一个表达式的值
第二种:只要表达式有一个为真,返回第一个为真的表达式
并且&&运算与||运算有短路:有一个有了结果 后面的逻辑运算都不执行
测试代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test1</title>
<!-- <script type = "text/javascript">