js是轻量级 弱类型 脚本语言
html是 超文本 标记语言
脚本语言和标记语言的主要区别
标记语言，可以通过浏览器直接执行
脚本语言，必须要通过编译，浏览器内核的编译，才能正常运行
简单理解，脚本语言必须有个翻译器，将脚本语言，直接翻译成浏览器等可以识别的语言，才能正常运行
轻量级，意味着语言难度较低，简单
弱类型，意味着语法规范松散，易学
2，JavaScript的作用
html ----页面的结构，决定页面有什么内容
css ----页面的样式，决定页面长什么样子
JavaScript-页面的交互，决定页面行为做什么
js交互
人机交互：
人为的操作计算机反馈给我们的信息
数据交互：
注册 登录 搜索带有数据的
js基本组成：
1，ECMAscript 定义js基本语法规范的
2，BOM 浏览器对象模型是操作浏览器
3，DOM 文档对象模型，是操作HTML文件
js书写：
1，行内式---与css的行内式基本一样
2，内嵌式
3，外链式
可以通过 js 来改变页面内容,样式
这是在操作html文件,属于,DOM操作范畴
可以通过 js 来操作浏览器,做弹出对话框提示框 的操作
这是在操作浏览器,属于,BOM操作范畴
至于 js 代码怎么编写,规范是什么,都是 ECMAScript 来指定的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
color: red;
}
</style>
</head>
<body>
<div>北京</div>
<script>
// js 代码应该怎么写,规范是什么,ECMAScript 来制定
const oDiv = document.querySelector('div');
oDiv.onclick = function(){
// 操作HTML文件内容,样式,是DOM操作
this.innerHTML = '北京欢迎你';
this.style.color = 'pink';
// 操作浏览器弹出提示框,是BOM操作
window.alert('我是js程序操作浏览器的弹窗效果');
}
</script>
</body>
</html>