JavaScript=livescript=ECMAscript
运行特点:运行在客服端的脚本语言,逐行进行解释并执行。
js三大组成:
JavaScript基础语言:也叫ECMAscript
DOM:页面文档对象模型
BOM:浏览器对象模型
Console:控制台
log:日志
console.log():控制台打印日志
js三种插入方法
1.行内式:一般写在HTML标签的事件属性中
onclick 点击时触发的事件
alert 浏览器提示框
2.内嵌式:放置任意数量脚本
放于<body>底部
3.外部引用
js文件不需要被<script>标签包裹,直接写代码
引用的<script>中间位置不能放置代码
行内式例子:
<!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>
<button οnclick="alert('小红帽')">欢天喜地好哥们</button>
</body>
</html>
内嵌式例子:
<!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>
console.log("内嵌式打印")
</script>
</body>
</html>
外部引用例子:
<!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 src="./wai.js"></script>
</body>
</html>
链接外部wai.js:注:直接在里面写,如
console.log("外部打印")