JavaScript基础第一天学习之准备工作

1. JavaScript简介

   1. 课程准备

   2. 变量及数据类型

   3. 六大类运算符

   4. 条件语句和循环语句

   5. 函数的创建及调用

   6. 操作元素及事件绑定

   7. 数字及字符串处理函数

   8. 数组处理函数

   9. 对象处理函数

   10. JSON数据格式

2. JavaScript特点

   1. 脚本(Script)语言
   2. 解释性语言
   3. 基于对象的语言
   4. 安全性语言
   5. 跨平台性

3. ES,JS和JScript关系

   1. ECMAScript:简称ES,可以理解为是JavaScript的一个标准
   2. JavaScript：网景公司开发的一种脚本语言
   3. JScript：微软公司开发的一种脚本语言

4. JavaScript内部引入,注释

   1. 

      实例化操作

5. 外部引入和行内引入

   1. 

6. 输入输出工具

   1. 显示可提示用户进行输入的对话框,简称:输入弹窗。
                语法: prompt(对话框中显示的纯文本,默认的输入文本);两个参数均为可选。
                 prompt();
                 prompt('请输入姓名：');
                 prompt('请输入姓名：','张三');
      1. 
   2. 弹出带有一条指定消息和一个确定按钮的警告框,简称:输出弹窗
                 语法: alert(对话框中显示的纯文本);
                  alert('你好，世界1');
   3. 输出到页面，会以ＨＴＭＬ的语法解析里面的内容
                 语法:document.write(参数1,参数2,参数3,...) ，它们将按顺序被追加到文档中。
                  document.write("你好，世界！1");
                  document.write("<span style='color: red;'>你好，世界1</span>");
                  document.write("<span style='color: red;'>你好，世界2</span>","<br>","<span style='color: blue;'>你好，世界3</span>");

7. 控制台输出信息

   1. 在控制台上输出的信息,浏览器按下 F12 打开控制台,Console 即控制台可以接受任何字符串、数字和js对象，可以看到清楚的对象属性结构,不会阻塞程序的执行.
   2. 实例化
      1. var zxw={name:'李四',sex:'男',age:'15'};
      2. console.log(zxw);
      3. 

8. 引入区域和执行顺序

   1. 引入区域
      1. js可以引入文档中的任何区域，js都可以正确执行
      2. js通常写在head区域或者body区域
   2. 执行顺序
      1. 代码在执行过程中，另一段代码想要执行就必须等当前代码执行完成后才可以进行
      2. JS是按照语句出现的先后顺序执行,和引入方式无关

9. JavaScript对DOM树的阻塞

   1. 1.DOM: js操作网页的接口，全称为“文档对象模型”(Document Object Model)。可以简单理解成页面中的元素。
   2. DOM树:元素和元素之间的关系,可以简单理解成页面的结构。
   3. js的执行会阻塞页面结构的加载,此时 DOM树是不完整的，这样在调用一些 js代码时就可能报错
   4. 防止阻塞的两种方法
      1. .把所有js代码放在body区域的最后
      2. 添加window.onload事件,表示网页加载完毕后(包括图片、css文件等等)执行的操作

      3. 

         js无效特例

      4. 

         页面加载时候就运行

10. JavaScript发生错误时的阻塞

    1. 根据js执行顺序:按照语句出现的先后顺序执行,上一段代码执行完毕，才能执行下一段代码
    2. 如果一段代码出现错误，那么这段代码之后的代码都不能执行
    3. 根据浏览器控制台错误提示对错误进行调试
    4. 根据alert()的阻塞特征，可以对错误进行调试

11. JavaScript学习方法和技巧

    1. 不要背单词，善用开发工具提示功能;
    2. 出错不可怕，善用调试工具的错误提示功能
    3. 善用js参考手册和搜索工具
    4. 将错误提示和知识点整理成册
    5. 经常使用的认真学习，不常用的了解，根本不用的不学习