JS概念：
JS是一种浏览器脚本语言。基于对象和事件驱动的语言。
JS体系：
ECMAScript：JS基础语法标准
DOM：文档对象模型
BOM：浏览器对象模型
JS导入方式：
1：行内样式
1
2
3
4
5
6
7
8
9
10
| <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 我的行内</title>
</head>
<body>
<input type="button" onclick="alert('我是行内啦')" value="戳一戳" />
</body>
</html>
|
2：内部样式
1
2
3
4
5
6
7
8
9
10
11
12
| <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>内部</title>
<script type="text/javascript">
window.alert("我是内部");
</script>
</head>
<body>
</body>
</html>
|
3：外部样式
1
2
3
4
5
6
7
8
9
10
| <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我是外部</title>
</head>
<script type="text/javascript" src="js/hello.js"></script>
<body>
</body>
</html>
|
JS文件在这里：
ECMAScript：
基本数据类型：
又叫原始类型，一共五种。
number数值
string文本
boolean布尔值
非0 非null 非undefined 非’’ 都是true
undefined变量未赋值
null对象不存在
变量命名：
var 变量名=值；
弱类型自动转换
运算符：
- number里面不区分整数和浮点，所以/取得含有小数结果
- string和number在==时自动类型转换
- ===恒等于先对比类型，再对比值
方法：
parseInt();转整数
parseFloat();转小数
流程控制：
完全等同于Java。
时间注册机制：
- 事件源（用户操作的哪个标签）
- 事件（用户进行了啥操作？如左键点击）
- 功能（定义函数，调用函数）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function dianJi(){
alert("嘿嘿");
}
</script>
</head>
<body>
<input type="button" onclick="dianJi()" value="点我试试看" />
</body>
</html>
|
获取够个标签的具体的值为：
1
| document.getElementById("id名").value;
|