写在前面

读书做笔记，写码如有神。
坚持学下去。内容将来回归的时候再删减。

Day 01

01.JavaScript简介

JavaScript组成：

  • ECMAScript：核心，语法和语义标准
  • DOM：文档对象模型，访问和操作网页内容的方法和接口
  • BOM：浏览器对象模型，与浏览器交互的方法和接口

02.在HTML中使用JavaScript

<script> 元素6个属性（HTML 4.01）：

  • async：立即下载脚本，不保证按顺序执行
  • charset：通过src属性指定的代码的字符集
  • defer：脚本可以延迟到文档完全被解析和显示之后再执行，按顺序执行
  • language：已废弃，编写代码使用的脚本语言
  • src：包含要执行代码的外部文件
  • type：编写代码使用的脚本语言的内容类型，默认值是text/javascript

使用<script> 元素的2种方式：

  • 网页嵌入
<script type="text/javascript">
    function hi(){
        alert("Hi!");
    }
</script>
  • 加载外部(可以外部域)
<script type="text/javascript" src="example.js"></script>

把全部js引用放在<body>元素的内容后面。

兼容XHTML，加入CDATA标记并注释：

<script type="text/javascript">
//<![CDTATA[
    function compare(a,b){
        if(a < b ) {
            alert("A is less than B");
        }
    }
//]]>
</script>

嵌入外部js的好处：

  • 可维护性
  • 可缓存
  • 适应未来，无需兼容XHTML

文档模式（会影响js执行）：

  • 标准模式：严格型
  • 准标准模式：过渡型、框架集型

<noscript>元素，2种情况下显示：

  • 浏览器不支持脚本
  • 浏览器支持脚本，但脚本被禁用
<html>
    <head>
        <title>Example Page</title>
        <script type="text/javascript" defer="defer" src="example.js"></script>
    </head>
    <boby>
    <noscript>
        <p>本页面需要浏览器支持（启用）JavaScript.
    </noscript>
    </body>
</html>

03.基本概念

语法：

  • 区分大小写
  • 标识符
  • 注释
// 单行注释
/*
  多行
  注释
 * /
  • 严格模式
"use strict";
  • 语句
    没有分号也可以。
  • 关键字和保留字
    使用关键字作标识符会报错：Identifier Expected。

  • 变量
    var a;未经初始化，值为undefined，
    初始化后不标记数据类型，
    省略var后是全局变量，
    可以用一个var定义多个变量：

    var a = "a",
    b = "b";

数据类型：
5种简单数据类型：Undefined、NULL、Boolean、Number、String
1种复杂数据类型：Object