JavaScript:
- 概念: 一门客户端脚本语言
- 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎
- 脚本语言:不需要编译,直接就可以被浏览器解析执行了
- 功能:
- 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。
- JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)
基本语法:
1.与html结合方式
1 . 内部JS:
定义<script>,标签体内容就是js代码
2 . 外部JS:
定义<script>,通过src属性引入外部的js文件
注意:
1. <script>可以定义在html页面的任何地方。但是定义的位置会影响执行顺序。
2. <script>可以定义多个。
3.
2. 数据类型:
01. 原始数据类型(基本数据类型):
1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2. string:字符串。 字符串 “abc” “a” ‘abc’
3. boolean: true和false
4. null:一个对象为空的占位符
5. undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined
02. 引用数据类型:对象
3. 变量
- 变量:一小块存储数据的内存空间
- Java语言是强类型语言,而JavaScript是弱类型语言。
- 强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。只能存储固定类型的数据。(int,String、char、double等)
- 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据。
-
语法:
-
var 变量名 = 初始化值;
-
typeof运算符:获取变量的类型。
-
注:null运算后得到的是object
-
注意:注择:您也许会问,为什么typeof 选算树对于null 值金返回“Object”,这实标上是JavaScript 最初查取中的一个错误,然后被ECMAScript 治用了。现在,null被认为是对象的占位符,从而解释了这一矛盾,但从技术上来说,它仍然是原始值。
练习
<script>
//alert("我在上面");
//document.write("我在上面");
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript测试</title>
<script>
/*
数据类型:
1. 原始数据类型(基本数据类型):
1. number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
2. string:字符串。 字符串 "abc" "a" 'abc'
3. boolean: true和false
4. null:一个对象为空的占位符
5. undefined:未定义。如果一个变量没有给初始化值,则会被默认赋值为undefined
2. 引用数据类型:对象
*/
//定义number类型
/*var num =1;
var num2 = 1.2;
var num3 = NaN;
//输出到页面上
document.write(num+"<br>");
document.write(num2+"<br>");
document.write(num3+"<br>");
document.write(typeof(num) +"<br>"+typeof (num2)+"<br>"+typeof (num3));
*/
//定义String类型
/* var str = "abc";
var str1 = '123';
document.write(str+"<br>");
document.write(str1+"<br>");
document.write(typeof (str)+"<br>");
document.write(typeof (str1)+"<br>");*/
//定义boolean
/* var flag = true;
document.write(flag+"<br>");*/
//定义null,undefined
/* var obj = null;
var obj2 = undefined;
var obj3;
document.write(obj+"<br>");
document.write(obj2+"<br>");
document.write(obj3+"<br>"+typeof (obj));//null是object类型
document.write("<br>"+typeof (obj2));
*/
/* var a = new Date();
document.write(typeof (a))*/
//输出方式
/* var a = "我是输出方式一";
var b = "我是输出方式二";
//输出方式1
alert(a);
//输出方式2
document.write(b);
*/
</script>
<script src="js.js"></script>
</head>
<body>
</body>
</html>
<script>
//document.write("我在下面");
</script>
运算符注意全等号===
比较方式
1. 类型相同:直接比较
* 字符串:按照字典顺序比较。按位逐一比较,直到得出大小为止。
2. 类型不同:先进行类型转换,再比较
* ===:全等于。在比较之前,先判断类型,如果类型不一样,则直接返回false