学前端，css与javascript是重难点，基础不好一切白费！

以你之姓@ 2023-06-14 15:58 12阅读 0赞

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

![format_png][]

CSS（Cascading Style Sheet）层叠样式表单

表现（presentation）——设计网页的表现样式，即“如何显示有关内容”

CSS是将样式信息与网页内容分离的一种标记语言，我们使用css为每个元素定义样式；它主要用于美化HTML页面。

语法为：selector \{property：value\} (选择符 \{属性：值\})。

通过设置对应的样式属性可以修改html文档内各元素的显示、位置等样式；如修改颜色、字体、字号、宽高、位置、背景等

JS（JavaScript）一种动态脚本语言

行为（behavior）——控制网页的行为（效果），即“内容应该如何对事件做出反应”

使用JavaScript代码可以让前台变的有交互(点击事件)，常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

![format_png 1][]

JavaScript的常用功能：

1、嵌入动态文本于HTML页面

2、对浏览器事件作出响应

3、读写HTML元素

4、在数据被提交到服务器之前验证数据

5、检测访客的浏览器信息

6、控制cookies，包括创建和修改等

![format_png 2][]

HTML页面加载和解析流程 ：

用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。

浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件。

浏览器又发出CSS文件的请求，服务器返回这个CSS文件。

浏览器继续载入html中部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了。

服务器返回图片文件，由于图片占用了一定面积，影响了后面段落的排布，因此浏览器需要回过头来重新渲染这部分代码。

浏览器发现了一个包含一行Javascript代码的<script>标签，赶快运行它。

Javascript脚本执行了这条语句，它命令浏览器隐藏掉代码中的某个 `<style>` （style.display=”none”）。浏览器不得不重新渲染这部分代码。

最终执行到了 `</html>`

当用户点了一下界面中的“换肤”按钮，Javascript让浏览器换了一下 `＜link＞` 标签的CSS路径。

浏览器向服务器请求了新的CSS文件，重新渲染页面。

[format_png]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcxLnR1aWNvb2wuY29tL0FGWnJ1MkEuanBnIXdlYg?x-oss-process=image/format,png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcyLnR1aWNvb2wuY29tL0V6aU1WclkuanBnIXdlYg?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9pbWcxLnR1aWNvb2wuY29tLzJFblFKdnUuanBnIXdlYg?x-oss-process=image/format,png