JS笔记(知识点查漏补缺)

1. JS是前端开发的一门脚本语言<解释型语言>

2. 解释型语言
   ① 概念：程序执行之前，不需要编译就可以直接运行，在运行时边解析边执行的语言
   ② 代表：python、JavaScript、PHP、Ruby
   ③ 图示
   

3. 编译型语言
   ① 概念：程序执行之前，需要一个专门的编译过程，把程序编译成机器语言的文件，比如ipa、exe、jar文件
   ② 代表： C/C++、Pascal、object-C、Switf
   ③ 图示：
   

4. 编译型语言由于程序执行速度快，同等条件下对系统要求较低，因此像开发操作系统、大型应用程序、数据库系统等时都采用它
   解释型语言跨平台性好，一些网页脚本、服务器脚本以及辅助开发接口这样的对速度要求不高、对不同系统平台的兼容性有一定要求的程序则通常使用它
   JavaScript是一门高级解释性脚本语言

5. JS发展史
   1995年 诞生 → LiveScript
   1997年 发布ECMAScript 1.0
   1998年 发布ECMAScript 2.0
   1999年 发布ECMAScript 3.0
   2007年 发布ECMAScript 4.0
   2009年 发布ECMAScript 5.0 ????
   2015年 发布ECMAScript 6.0 ????

6. JavaScript的组成(基于网页特效)
   
   ①ECMAScript
   ECMA欧洲计算机制造联合会
   ECMAScript是ECMA指定的脚本语言的标准,规定了一种脚本语言实现应该包含的基本内容
   JavaScript是脚本语言,所以必须遵守ECMAScript标准,包含ECMAScript标准中规定的基本内容
   ②DOM
   文档对象模型
   DOM可以把HTML看作是文档树,通过DOM提供的API可以对树上的节点进行操作
   ③BOM
   浏览器对象模型
   通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率

7. JS、HTML、CSS三者关系
   HTML : 提供网页结构,以及网页中的内容
   CSS : 美化网页,2D/3D过渡,动画等
   JavaScript : 控制网页内容,给网页增加动态效果

8. JS书写格式
   ① 行内式
   通过按钮或者超链接某些属性在行内书写js
   例如:

   <button onclick="alert('点我了');">点我</button>
   <a href="javascript:alert('点我了');">点我</a>
   

   ② 页内式
   加入script标签书写js
   例如:

   <script>
   	alert("点我");
   </script>
   

   注意:
   1.script中的js代码通常写在文档底部
   2.网页加载从上至下,而js代码通常是给标签添加交互(操作元素),所以需要先加载html,否则执行js代码时如果html还未加载,那么js代码将无法添加交互.
   3.如果脚本比较大,页面的下载和渲染都必须停下来等待脚本的执行完成才能继续,会造成加载卡顿
   ③ 外链式
   引入外部js

   <script src="····"></script>
   

9. 标准注释

   /**
    * 文件名：a.js
    * 作者：KaiSarH
    * 描述：Just Do It
    * 修改人：大锤
    * 修改时间：2019-12-18
    * 修改内容····
    */
   

10. JS输出方式

    1. 在网页中弹出显示窗，显示信息

       alert("···");
       debugger;
       

    2. 在控制台输出消息，一般用来调试程序

       console.log("····");
       console.warn("这是一个警告!");
       console.error("这是一个错误!");
       

    3. 向body中输出一个内容

       document.write("····");;
       document.write("<div>···</div>");
       document.write("<h1>···</h1>");
       

    4. 在网页中弹出输入框，一般用于接收用户输入的信息

       window.prompt("···");
       

       
    5. 在网页中弹出提示框，显示信息，该方法一般与if判断语句结合使用(相比于alert多一个取消)

       window.confirm("···");
       

       
    6. 使用注意