什么是JavaScript:
JavaScript是Web开发领域中的一种功能强大的编程语言,主要用于开发交互式的网页。
简称JS;
网页的组成:
一个完整的网页由三部分组成:
HTML (网页的主体部分)
CSS (美化的主体部分)
JavaScript (实现业务逻辑和页面控制
JS的特点:
简单易用 (只需要用户安装浏览器即可使用)
跨平台 和上述一样。
支持面向对象
JS常见的开发工具:
常见的两大开发工具
VSCode
HBuilderX
优点
1什么语言都可以用它编写
1.专注于前台设计
缺点
1.第一个优点导致的问题:界面设计不合理,安装的插件需要很多。需要联网等
2.功能较少
JS的注意事项:
JS代码必须放在<script>标签内部
<script>不能交叉嵌套。
<script>标签的摆放的顺序可以随意。但是推荐放在body标签内部的最下方。
分析注意事项3的原因
如果HTML页面中有大量的JS代码。导致需要加载时间较长。
由于JS代码的执行是从上到下。如果将JS代码放在HTML页面的上方。就会导致。执行JS的代码时间过长,导致JS下方的HTML代码未被加载。所以总结3的原因。
HTML页面书写JS代码的常见两种方式:
JS代码和CSS代码非常类似,都可以在一个网页中拥有多个代码标签片段。
嵌入式:就是刚刚讲解的方法。将JS代码放在script标签中,将script标签放在HTML页面中。(和CSS代码很类似)适用于:JS代码较少。不会影响到我们阅读HTML代码。
外链式:适用于JS代码非常多,不适合放在HTML页面中,不然导致不方便阅读HTML代码。
如何使用外链式:
也是在适当的位置(body标签的最低部)引入script标签。
禁止在标签内部书写JS代码了
创建一个外部的JS文件了(后缀为.js文件)
这个外部js文件,就不要放script标签了。直接写代码
在A步骤中添加src=”xxx.js”路径即可使用。
JS最基础的几行代码:
alert(“xxx”);作用:生成一个警告的弹窗
prompt(“xxxx”); 生成一个询问框,用户可以输入值。然后点击确定和取消。
confirm(“xxx”); 生成一个询问框,但是不需要输入,只需要选择确定或取消。
document.write(“xxxx”); 作用:在HTML页面输入一段内容。一般使用场景:用户执行了什么操作,才会显示什么内容。
console.log(“xxx”); 需要按一下F12才能打开浏览器的控制台。常用于调试BUG。
第一章的注意事项:
转义符:如果遇到特殊符号:需要对其进行转义操作。
/是斜杠,挨着shift的
\是反斜杠:挨着回车上面的 作为转义符使用。
JS中的注释:
为单行注释: //xxx
和
多行注释:
/*
Xxx
Xxx
*/