JavaScript入门

1. 什么是js：
   前端三大语言：
     HTML: 专门编写网页内容的语言
     CSS: 专门美化网页样式的语言
     JavaScript：专门设计网页交互的语言
       交互：用户输入数据-->程序接收并处理数据
             返回处理结果<--
   js发展历程：
     1995 Netscape: Navigator
        LiveScript:
        Sun Java: "write once run anywhere"
        JavaScript: "像极了Java，一定要比Java简单"
     1996 JavaScript --> ECMA -->***ECMAScript***
       ECMAScript：ES，ECMA制定的JavaScript语言标准
                   规定了js语言的*核心语法*
       JavaScript：NetScape按照ES标准的规定，
 实现的可使用的编程语言。
          Microsoft: IE3.0,按照ES标准制定了自己的客户端脚本语言，JScript。


     1998：W3C：DOM标准-->专门操作网页内容的标准
       随后微软和网景都宣称支持DOM标准


     2004：Netscape-->Mozilla-->Firefox


   JavaScript=ECMAScript标准(核心语法)
             +DOM标准(专门操作网页内容的API)
             +BOM(专门操作浏览器窗口的API，没标准)
2. 如何编写js：
   1. js如何运行的：2种：
1. 浏览器中的js引擎(解释器)
           浏览器中包含2个引擎：
              1. 内容排版引擎——解析HTML和CSS
              2. 脚本解释引擎——解释并执行js脚本程序
            脚本：不需要预编译就可直接执行的程序
                解释执行：默认自上而下逐行执行
        2. 独立安装的js解释器：node.js——了解
              可以在服务器端执行js脚本程序的软件
   2. 如何编写：4个位置可编写js： 
     1. 不需要网页，直接在控制台中编写和运行：
        控制台(console):专门编写和测试js小程序的地方
      比如：console.log("Hello World!");
        在控制台中，输出一行文字
         使用 控制台  的 显示日志功能
             console  .  log        (要显示的文字)
         "xxx": 字符串，程序中用于显示的一个或一串文字
                js中，如果一串文字用于显示，必须加引号
                但，单双引号都行
        操作：
         执行程序:enter
         输入多行程序：shift+enter
         清屏：左上角clear图标

         切换前/后一段已经执行的代码：上下箭头

        使用 当前浏览器窗口 的 警告功能，弹出警告框
                [window     .]  alert ("Hello World")
        使用 当前网页文档   的 写入功能, 在网页中写入
               document     .  write("Hello World")
        如果字符串中出现和程序冲突的特殊符号，比如:" '
            解决：2种：1. \"    2."改为'
    2. 随网页一起编写js：2处
        1. <script>元素中：随网页解释过程而解释执行
        2. 任意元素的事件属性中：当事件发生时，自动执行
      事件：浏览器自动触发的或用户手动触发的元素状态的改变。     
定义元素的事件：在开始标签中
<button on事件名="js脚本"
    3. 外部js文件中编写：2步：同css
        1. 创建.js文件
        2. 在html文件开头引入.js文件
      <script src="1_firstJS.js"></script>
3. 调试程序：
   Bug: 泛指程序中出现的错误
   Debug: 找到并解决错误
 
   出错的现象：希望的效果没反应-->F12开控制台
    控制台中：错误信息：3部分：
       错误类型：错误信息       ***出错位置的链接***