JavaScript初步学习笔记

最新推荐文章于 2024-09-20 11:38:47 发布

_Lichtung_

最新推荐文章于 2024-09-20 11:38:47 发布

阅读量149

点赞数

分类专栏： web学习文章标签： javascript js

本文链接：https://blog.csdn.net/qq_46167487/article/details/107946959

版权

web学习专栏收录该内容

6 篇文章 1 订阅

订阅专栏

JS学习网页

一、JavaScript简介

1、JavaScript可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，滚动播放的视频等。
2、Web技术蛋糕三层
在这里插入图片描述
以文本标签为例。首先用HTML将文本标记，赋予它结构和目的；之后再为它加一点CSS让它更好看；最后，为它加上JS来实现动态行为（如为事件添加响应）。
3、在HTML和CSS集合组装成一个网页后，浏览器的JS引擎将执行JS代码。这保证了当JS开始运行之前，网页的结构和样式已经就位。因为JS最普遍的用处是通过DOM API动态修改HTML和CSS来更新用户界面。如果JS在HTML和CSS就位之前加载运行，就会引发错误。
4、解释(interpret)代码vs编译(compile)代码
在解释型语言中，代码自上而下运行，且实时返回运行结果。而编译型语言需要先将代码转化成另一种形式才能运行，比如C语言先被编译成汇编语言，然后才能由计算机运行，此时程序将以二进制的格式运行。
JS是轻量级解释型语言。浏览器接收到JS代码，并以代码自身的文本格式运行它。其运用即时编译（just-in-time compiling）技术，当JS被执行时，它会被编译成二进制的格式，使代码运行速度更快。但JS仍为一门解释型语言，因为编译过程发生在代码运行中，而非之前。
5、向页面添加JavaScript
（1）内部JS
在HTML文件的<body>结束前插入以下代码：
在这里插入图片描述
在< script>元素中添加一些JS代码，这个页面就能做一些动态的事情。
（2）外部JS
首先在HTML文件所在的目录下创建一个名为script.js文件，确保扩展名为.js。
之后将< script>元素替换为：
<script src=“script.js” async>< /script>
在script.js文件中，添加脚本。
将JS写进外部文件会使代码更加有序，更易于复用，且没有了脚本的混合，HTML也会更易阅读。
6、async（异步的：asynchronous）和defer
浏览器遇到async脚本时不会阻塞页面渲染，而是直接下载然后运行。这样脚本的运行次序就无法控制，只是脚本不会阻止盛羽页面的显示。当页面的脚本之间彼此独立，async是最理想的选择。如果脚本依赖于其它脚本，调用这些脚本时应使用defer，将关联的脚本按所需顺序置于HTML中。
7、JS的注释和C相同。

二、JS初体验

使用简易版“猜数字”游戏进行JS初体验。
1、使用关键字let创建变量。
使用关键字const创建常量。本例中用常量来保存对界面元素的引用。界面元素的文字可能会改变，但引用是不变的。
2、使用等号=为变量赋值。
例：
在这里插入图片描述
3、JS运算：
严格等于（测试值和数据类型）：===
严格不等于：！==
等于（测试值）：==
不等于（测试值）：！=