-
-
HTML：确定网页的结构
-
CSS: 确定网页的样式
-
JavaScript: 确定网页的行为(交互)
- 众所周知，在前端开发中一个网页的源代码主要由三部分组成（HTML,CSS,Javascript）,其中HTML确定网页的结构，CSS确定网页的样式,而JavaScript则主要负责网页的行为（动态效果，交互事件等）
-
总结：因为前端网页由三部分组成,HTML、CSS、JavaScript
-
JavaScript三个组成部分
-
ECMAScript- JavaScript的核心- ECMAScript定义了JavaScript的语言规范
- JavaScript的核心：描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关
-
DOM- 文档对象模型- 一套操作页面元素的API
- DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作
-
BOM- 浏览器对象模型- 一套操作浏览器功能的API
- 通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等
js三种书写位置
1-复习CSS代码的三种写法
-
1.行内样式：不推荐，因为不便于维护
<h1 style="background: bisque">哈哈哈</h1>
-
2.内部样式：写在style标签中,如果界面css样式比较简单可以使用，复杂的话不推荐
<style>.div{background: hotpink;}</style>
-
3.外部样式：写在css文件中，使用link导入
-
<link rel="stylesheet" href="./01-css外联样式.css">- css外联样式的本质其实就是字符串替换 将下方这行代码替换成对应文件的所有代码
-
2-JS代码三种写法
-- JavaScript也有三种书写方式，并且与CSS的三种书写方式几乎一致
-
1.行内样式：不推荐，因为不便于维护
<button onclick="window.alert('js行内写法')">1</button>
-
2.内部样式：写在script标签中,如果界面js代码较少可以使用，复杂的话不推荐
<script >alert("这是JS内联样式")</script >
-
3.外部样式：写在js文件中，使用script的src属性导入
<script src="./01-JS外联写法.js"></script>
3-细节注意点
- 1.无论是CSS还是JS的三种写法，当一个html文件存在多种写法时要记住HTML的代码是从上往下解析的
- 2.如果script标签没有src属性则表示内联样式，如果有src属性则表示外联样式，外联样式JS代码只能写在 js文件中而不能写在script标签中
js两种注释写法
-
代码注释的作用：
- 1.理清思路，方便自己以后阅读代码
- 2.规范编程，方便以后别人接手代码便于维护
-
JS注释有两种写法
-
// 注释内容:单行注释：注释内容只能是一行，适用于注释内容较少- vscode快捷键 CTRL + /
-
/* 注释内容 */:多行注释：注释内容可以是多行，适用于注释内容较多，比如一行写不下- vscode快捷键 ALT + SHIFT + A
-
