JavaScript
html是网页的内容（骨架）
css修饰外观 是网页的外观（皮肤）
javaScript可以让网页产生事件，从而让网页动起来 是网页的行为（动作）
JavaScript历史
javaScript是由美国网景公司开发的，早期是做浏览器的。
java是SUN公司开发的，美国斯坦福大学校办公司
原名叫LiveScript(运行在网页中的语言)
于是网景公司和SUN公司合作，将LiveScript改名为JavaScript。
java是高级语言，需要编译运行，运行在Java虚拟机中 后端语言
JavaScript不需要编译，由浏览器解释运行，写在网页中，一般简称为js
html，css是纯静态的
javaScript是一种直译式脚本语言，嵌入在网页中，为网页添加各种(效果动态和数据动态）
脚本语言：不需要编译（sql,html,css,js）由某种特定的引擎解释运行
作用
- 响应客户端鼠标和键盘事件
- 客户端表单验证（表单就是有各种输入选择组件，可以让用户输入信息，最终将数据提交到后端 。凡是有输入的地方就会有表单验证）
- 动态操作网页的内容
基本语法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 方法一：在html中导入外部的js文件 -->
<script src="js/index.js" type="text/javascript " charset=utf-8""></script>
<!-- 方法二：此标签内写JavaScript代码-->
<script type="text/javascript">
alert("你好js");
</script>
</head>
<body>
</body>
</html>
基本语法-变量
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/*
java是一种强数据类型语言 对数据类型要求高 数据类型 int 变量名 = 10
JavaScript是一种弱类型语言
声明变量： 使用var关键字声明 使用变量可以表示任何类型数据
*/
var a=10;
var b="abc";
b=20;
b=true;
alert(b);
</script>
</head>
<body>
</body>
</html>
基本语法-数据类型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/*
数据类型：
虽然JavaScript声明时，不需要数据类型，但是他的值，仍然是由类型的
因为数据也会参与运算
*/
/*
1.数值型 number 整数和浮点都是数值型
*/
var a=10;
var b=10.5;
alert(typeof(b));/* number */
alert(a+b);/* 20.5 */
/*
2.布尔型 boolean true false
*/
var c=true;
var d=a<b;
alert(c);/* true */
alert(d);/* true */
/*
3.字符串
双引号和单引号都表示字符串 */
var e="abc";
var f='abc';
alert(typeof(e));/* string */
alert(typeof(f));/* string */
/*
4.undefined类型 不明确类型,没有赋值
*/
var g;
alert(g);/*undefined */
alert(g==undefined);/* true */
alert(g==""||g==null||g==undefined);/* true */
/*
5.object
*/
var date=new Date();
alert(date.getDate());
</script>
</head>
<body>
</body>
</html>
基本语法-比较运算符
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/*
= 赋值
== 比较内容是否相等
=== 类型和内容
*/
var a=5;
var b="5";
alert(a==b);//true
alert(a===b);/* false */
</script>
</head>
<body>
</body>
</html>
基本语法-条件运算符
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* var result = (条件表达式)?结果1:结果2 */
var a=9;
var b=8;
var c="8";
var result=a>b?true:false;
alert(result);//true
alert(a>c?true:false);//true
</script>
</head>
<body>
</body>
</html>