传统创建标记方法

• document.write方法

• innerHTML属性

DOM方法

• createElement 方法

  创建元素节点方法：document.createElement(nodeName)

  //创建一个p元素
  var para = document.createElement('p');
  //此时p元素是文档碎片(document fragment)游离在文档之外

• appendChild方法

  添加到某元素的节点树

  parent.appendChild(child)

平隐退化

在没有javascript支持的情况下，是否网页会出现错误？

JavaScript和HTML分离

剥离页面元素与用户的逻辑操作，提供页面挂钩

JavaScript相对独立

与HIML语言相比, JavaScript语言的生存环境的要求要苛刻得多。如果 JavaScript代码不符合语法规定, JavaScript解释器(对Web应用而言就是浏览器)将拒绝执行它们并报错;而浏览器在遇到不符合语法规定的HTML代码时,则会千方百计地将其呈现出来。尽管如此,在如今的Web上还是充斥着质量低劣的 JavaScript代码

第四章：JavaScript 图片交互

<ul>
    <li><a href="images/3840x2160-3122452-creative-wallpapers.jpg" onclick="showpic(this);return false;">1</a></li>
    <li><a href="images/3840x2160-3374593-free-dusk-wallpapers.jpg" onclick="showpic(this);return false;">2</a></li>
    <li><a href="images/3840x2160-3957507-photos-wallpapers.jpg">3</a></li>
    <li><a href="images/3840x2160-4279191-stunning-retina-wallpapers.jpg">4</a></li>
  </ul>

//占位符
  <img src="images/3840x2160-3122452-creative-wallpapers.jpg" alt="" id="placeholder">

第三章 DOM

• document 文档
• object 对象
• model 模型
• 统称为文档对象模型

第二章：JavaScript语法

变量赋值：

• var age,mood; // console.log(age,mood) 已定义的变量输出为undefined
• console.log(a) // 未定义的直接抛出错误 Uncaught ReferenceError: a is not defined

数据类型：

• JavaScript为弱语言类型 // var age = ‘thirty’ ; age = 33; 不会报错
• 字符串(String)