JavaScript：常用基础

此篇是根据传智播客前端必学JavaScript部分（三天）视频总结。
JavaScript用于制作web页面交互效果，例如：轮播图、Tab栏(选项)、地图和表单验证等。

1.web前端三层

• w3c的规范：行内样式（淘汰）
• 结构层：HTML 从语义角度描述页面的结构。
• 样式层：CSS 从审美的角度美化页面。
• 行为层：JavaScript 从交互的角度提升用户体验。

2.JavaScript书写与执行规则

• 1.javascript与html，css一样，对空格、换行，以及缩进是不敏感的。
• 2.如果代码末尾不加分号，必须要换行，如果不换行页面就会报错。
• 3.每句JavaScript写完之后必须加分号；，必须换行。
• 4.JavaScript代码从上到下依次执行。
  注意：
  代码从上到下执行，但是遇到js语法错误，那么浏览器就不再执行里面的js代码。因为浏览器会先去检查js代码是否有错误，如果没有才会从上到下执行。

3.输出方法

document.write()：向页面中输出一句话

• 1.alart()：在页面上打开一个弹出框，框上显示的内容就是alert()括号中的内容。
  特点：这个弹出框打开以后，页面就无法关闭。所以写代码时尽量不要使用。
• 2.console.log(content)：向页面上输出一句话，不是在弹出框中输出。
  特点：不会让页面卡死，直接在控制台输出。
• 3.prompt()：在页面上弹出一个输入框，输入框上面的提示文本就是prompt括号中的内容。
• prompt接收到的内容是string类型
  例如：

<script>
        prompt("你知道我是谁吗？")
 </script>

4.调试js代码

• 1.打开页面，右键检查元素。或者使用浏览器的开发人员工具。
• 2.选择source。双击左侧01.html，出现js代码。
• 3.若代码有错，右上方会有一个红色的×，打开console(控制台：检查页面输出的信息（自己输出的信息，以及页面的错误信息）)点击出现下图中3位置提示。
• 4.在行号处鼠标点击，设置断点调试，下图中4位置。
• 5.下图中5位置点击进入单步调试。
  如图：
  
  代码修改后，F10一步一步调试。根据控制台的报错信息进行代码修改。