JavaScript基础知识【2024年3月7日】

JavaScript简介

1. HTML控制网页的结构，CSS控制网页的样式，JavaScript控制网页的行为
2. JavaScript是一种轻量级的动态脚本语言

JavaScript特点

1. 是一种解释型的脚本语言，由浏览器一边解释一边执行
2. 跨平台性【Linux、Windows等操作系统都可以，只要能运行浏览器的设备就可以正常运行】
3. 单线程【所有任务都在一个主线程上完成】

注意：

1. 不是动的页面就是动态页面，静态页面和动态页面的区别在于：是否与服务器进行数据交互
2. 学习任何一门编程语言都是一样，不必要一直停留在那一个不懂的地方，不用扣细节，先搭好框架然后慢慢往里面添加东西，总之就是不会就跳过 
3. JavaScript里面的语句用“ ; ”隔开
4. 它与Java是基本没有关系的
5. 前端学习路线推荐：HTML》CSS》JavaScript》jQuery》HTML5》CSS3》ES6》vue.js》webpack》node.js

常用的开发工具

1. HBuilder【实际开发中用的比较多、界面简洁友好，推荐】
2. Sublime Text【是一个跨平台的、轻量级的编辑器，功能比较多，推荐】
3. Visual Studio Code【功能很多，可以用来开发很强大的功能网站，推荐】
4. Dreamweaver【不是很推荐】
5. WebStorm【支持许多流行的前端技术，如jQuery、webpack等等， 而且可以共你选择在你电脑上带的某种浏览器上运行】

JavaScript的引入方式

外部JavaScript

【就是将JavaScript和HTML放在不同的文件中，对于初学者建议代码多、文件比较大的情况下分开放，实际开发中也大多是使用外部引入方式】

【代码区JavaScript】

【代码区HTML】

                                                                【运行结果】

（说明：使用<script>标签的src属性找到相关的js文件用相对或者绝对路径；  此外<script>标签可以放到body中也可以放在head中【区别就是：放在body中会先渲染body中的内容然后再渲染Script中的内容，放入head中则渲染顺序相反】）

<script src="文件路径"></script>

内部JavaScript

【就是将JavaScript的内容和HTML放在一个文件中】

（说明：将JavaScript的代码放入<script></script>里，然后将其放入head或者body里，document.write()表示在页面输出一个内容，下面会进行介绍）

元素事件JavaScript（行内）【可以与CSS的引入方式进行对比记忆】

【相当于CSS中的行内样式，针对某一个或者某一个小部分】

常用的输出语句

1. console.log()
   1. 主要用于浏览器控制台输出相关内容
      1. 例子：console.log(‘稀逸a’);

1. alert()
   1. 弹出一个警示框
      1. 例子：alert(‘点击确定’);

1. prompt()
   1. 用于显示用户输入信息的对话框
      1. 例子：prompt(‘请输入密码’);

1. confirm()
   1. 用于向用户显示一段消息并询问用户是否确认
      1. 例子：confirm(‘是否确认？’);

1. document.write()
   1. 在HTML文档中输出一段消息或变量的值（输出到页面）
      1. 例子：document.write(‘你会越来越好！’);