JavaScript介绍

1. JavaScript 是什么

2. JavaScript 书写位置

3. JavaScript 的注释

4. JavaScript的结束符

5. 输入和输出语法

1.1 JavaScript 是什么

1. JavaScript （是什么？）：

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

2. 作用（做什么？）

• 网页特效 (监听用户的一些行为让网页作出对应的反馈)
• 表单验证 (针对表单数据的合法性进行判断)
• 数据交互 (获取后台的数据, 渲染到前端)

实际上就是：教网页做事情

3. JavaScript的组成（有什么？）

• ECMAScript:

        规定了js基础语法规范

       

       比如：变量、分支语句、循环语句、对象等等

• Web APIs :

1. DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
2. BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

 

总结：

1. JavaScript 是一种运行在客户端（浏览器）的编程语言

2. JavaScript组成：ECMAScript( 基础语法)、DOM、BOM

---

 1.2JavaScript 书写位置

如图：

 

1. 行内JavaScript

行内样式：不推荐，因为不便于维护

语法：

<button onclick="window.alert('js行内写法')">一只聪明的墨菲特</button>

2. 内部 JavaScript

内部样式：写在script标签中,如果界面js代码较少可以使用，复杂的话不推荐

语法：

<script >alert("这是JS内部样式")</script >

3. 外部 JavaScript

外部样式：写在js文件中，使用script的src属性导入

语法：

<script src="./01-JS外部样式.js"></script>

总结：

JavaScript三种书写位置

• 行内
• 内部
• 外部

注意事项：

• 书写的位置尽量写到文档末尾 </body> 前面
• 外部 js 标签中间不要写代码，否则会被忽略

---

1.3 JavaScript 注释

• 单行注释

1. 符号：//
2. 作用：//右边这边一行的代码会被忽略
3. 快捷键：ctrl + /

• 块注释

1. 符号：/ * * /
2. 作用：在/ *和* /之间的所有内容都会被忽略
3. 快捷键：shift + alt +A  

---

1.4 JavaScript 结束符

结束符

• 作用：使用英文的;代表语句结束
• 实际情况：在实际开发中，可写可不写，浏览器（JavaScript引擎）可以自动推断语句的结束位置
• 现状：在实际开发中，越来越多的人主张，书写JavaScript代码时省略结束符
• 约定：为了风格统一，结束符要么每句都写，要么每句都不写

 

总结：

JavaScript 注释有那两种方式？

• 单行注释 //
• 多行注释 / * * /

JavaScript 结束符注意点

• 结束符：分号;
• 可以省略

---

1.5 JavaScript 输入输出语法

输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后再展示结果给用 户，这便是一次输入和输出的过程。

• 输出语法1：弹出一个提示框，通常用于提示用户，也可以用于调试

alert("hello world");

• 输出语句2：打印某个数据的值，查看数据是否成功
• 这个写法不是给用户看的，而是给程序员自己调试看的

console.log("一只聪明的墨菲特");

• 输出语句3:将数据显示到网页，相当于给body添加内容输出

document.write("我是一只聪明的墨菲特");

• 输入语句：弹出一个输入框，可以用来输入数据

prompt("请输入您的姓名");

展示：

JavaScript 代码执行顺序：

• 按HTML文档流顺序执行JavaScript代码
• alert() 和 prompt() 它们会跳过页面渲染先被执行