概念
javascript
1.它是一门客户端脚本语言
客户端的语言:它是运行在客户端浏览器的。每一个浏览器都有JavaScript的解析引擎
脚本语言:不需要编译,直接就可以被浏览器 解析执行了
javascript功能
可以来增强用户和html页面的交互过程,可以用来控制html元素,让页面有一些动态的效果,增加用户的体验
javascript发展
JavaScript = ECMASceipt + JavaScript自己特有的(BOM + DOM)
1.1992年,Nombase公司,开发出第一门客户端脚本语言,专门用于表单的校验,用来检验客户端的非法提交。命名为C--,后来更名为ScriptEase
2.1995年,Netscape(网景)公司,开发了一门客户端脚本语言:LiveScript。后来,请来了SUN公司的专家修改LiveScript。命名为JavaScript
3.1996年,微软公司抄袭了JavaScript开发出了JScript语言,
4.1997年,ECMA(欧洲计算机制造商协会),ECMAScript,就是所有客户端脚本语言的标准
ECMAScript
ECMAScript:客户端脚本语言的标准
基本语法
与html结合方式
1.内部JS:定义<script></script>标签,标签体内容就是js代码
2.外部JS:定义script标签,通过它的src属性引入js文件的位置
注意事项:
1.<script>可以定义在html页面的任意地方,但是定义的位置会影响执行顺序
2.<script>可以定义多个
内部JS演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 内部JS-->
<script>
alert("Hello world");
</script>
</head>
<body>
</body>
</html>
创建一个JS包,在包下面创建js文件,外部JS代码演示:
alert("外部的js文件");
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../JS/example01.js"></script>
</head>
<body>
</body>
</html>
注释
单行注释://注释内容
多行注释:/* 注释内容 */
数据类型
原始数据类型:
number:数字。 整数/小数/NaN(not a number 一个不是数字的数字类型)
string: 字符串。
boolean: true和false·null:一个对象为空的占位符
undefined:未定义。如果一个变量没有给初始化值,则会默认赋值为undefined引用数据类型:对象
变量
概念:一小块存储数据的内存空间
注意事项:java语言是强类型语言,而JavaScript是弱类型语言
强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型,只能存储固定类型的数据
弱类型:在开辟变量存储空间时,不定义空间将来存储的数据类型,可以存放任意类型的数据
语法: var 变量名 = 初始化值;
定义变量代码演示:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
// 定义 变量
var a = 1;
alert(a);
</script>
<script>
//定义number类型
var b = 1;
var c = 1.1;
var d = NaN;
//输出到页面上
document.write(b + "<br>"+typeof(b));
document.write(c + "<br>"+typeof(c));
document.write(d + "<br>"+typeof(d));
</script>
<script>
//定义string类型
var str1 = "abc";
var str2 = 'abc';
document.write(str1 + "<br>"+typeof(str1));
document.write(str2 + "<br>"+typeof(str2));
</script>
<script>
var boolean1 = true;
var boolean2 = false;
document.write(boolean1 + "<br>"+typeof(boolean1));
document.write(boolean2 + "<br>"+typeof(boolean2));
</script>
<script>
var obj = null
var obj1;
document.write(obj + "<br>"+typeof(obj));
document.write(obj1 + "<br>"+typeof(obj1));
</script>
</head>
<body>
</body>
</html>
运算符
一元运算符:只有一个运算数的运算符。例如,++,--,+(正号)
注意事项:在Js中,如果运算数不是运算符所要求的类型,那么Js引擎会自动的将运算数进行类型转换。
string转换成number:按照字面值转换,如果字面值不是数字,则会转为NaN(不是数字的数字类型)
boolean转换为number:true转为1,false转为0
算数运算符:例如+ ,-,*,、
赋值运算符:例如= +=
比较运算符:> < >= <= == ===(全等于)
相同类型的比较:直接比较
字符串:按照字典顺序比较。按位逐一比较,知道得出大小为止。
类型不同的比较:先进行类型转换,再比较
=== : 全等于,在比较之前,先判断类型,如果类型不一样,则直接返回false
逻辑运算符:&& || !
其他类型转boolean: