一、JS简介

网景公司开发
用于开发交互式的Web页面，给页面增加动态效果。
JavaScript不仅可以运行在客户端，还可以运行在服务端。

二、JS特点

  1. 是一种脚本语言：采用小程序段的方式实现编程
  2. 是一种解释性语言：在运行过程中，会逐行解释
  3. 是一种基于对象的语言
  4. 是一种安全性语言：具有web安全特性，不允许访问本地硬盘，也不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。

  5. 跨平台性：依赖于浏览器执行，与操作环境无关。

    三、ES、JS、JScript关系

    ECMA：国际标准组织
    ECMAScript：简称ES，是JavaScript的一个标准
    JavaScript：网景公司开发
    JScript：微软公司开发
    JavaScript与JScript几乎没有差别

    四、JS的引入及注释

    1.JS的引入

    页面引入<script></script>
    外部引入<script src="index.js"></script>
    行内引入<button onclick="alert('hello world')">点我</button>

    2.JS注释

    单行注释// 代码
    多行注释/*代码*/

    五、输入输出

  6. prompt(内容) 输入弹窗

    1. <script>
    2. // 用法一：手动输入
    3. prompt('请输入姓名:')
    4. // 用法二：默认显示
    5. prompt('请输入姓名:','三个')
    6. </script>

    2.alert(内容) 输出弹窗

    1. <script>
    2.  alert('警告，你正在进行危险操作，请终止！！！')
    3. </script>

    3.document.write 在浏览器页面中显示，会解析HTML标签

    1. <script>
    2.  document.write("hello world")
    3. </script>

    4.控制台输出

    1. <script>
    2.  console.log("向控制台输出信息")
    3. </script>

    六、引入区域和执行顺序

    js可以引入在文档中的任何区域，一般写在head或body区域
    先写的代码先执行，后写的代码后执行，

    七、JS阻塞

  7. JS对DOM的阻塞

DOM(Document Object Model)：文档对象模型，是js操作网页的接口。
DOM树：浏览器页面元素与元素之间的关系(结构)。
js的执行会阻塞页面结构的加载，此时DOM树不完整，此时可能会报错。
2.解决阻塞
1.将js代码放在body区域最后
2.添加事件window.onload=function(){代码}
3.发生错误时的阻塞
1.根据js执行顺序：按照语句出现的先后顺序执行，上一段代码执行完毕，才会执行下一行代码。
2.如果一段代码发生错误时，那么这段代码之后的代码都不能执行。
3.找错误：借助控制台