定义
一种运行在客户端(浏览器)的编程语言,实现人机交互效果
作用
网页特效(监听用户的一些行为让网页做出对应的反馈)
- 表单验证(针对表单数据的合法性进行判断)
- 数据交互(获取后台数据,渲染到前端)
- 服务器编程(node.js)
组成
- ECMAScript:基础语法,如变量,循环,对象等
- Web APi
- DOM:操作文档,比如对页面元素进行移动
- BOM:操作浏览器,比如页面弹窗,检测窗口宽度,储存数据到浏览器等
书写位置
内部JavaScript - 直接写在html标签里,用script标签包住
- 规范:写在/body上面
- 原因在于浏览器会按照代码在文件中的顺序加载HTML,如果先加载的javascript期望修改其下方的HTML,那么它可能由于HTML尚未被加载而失败
外部JavaScript
新建一个以.js文件结尾的文件
内联JavaSript
代码写在标签内部
<body>
<button onclick="alert('逗你玩--')">点击领奖</button>
</body>
输出语法
语法1:document.write
作用:向body内输出内容
注意:如果输出的内容写的是标签,也会被解析成网页元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
document.write('hey')
// 输出hello world
document.write("<h1>hello world</h1>")
</script>
</body>
</html>
语法2:alret
页面弹出警告对话框
语法3:console.log
控制台输出语法,程序员调试使用