en

==真实项目中，我们一般都会把CSS放在body的上面，把JS 放在body的末尾（约定俗成的规范）。
==>body中编写的都是HTML标签，JS很多时候需要操作这些元素，
首先我们要保证元素加载成功，才可以在JS中获取到（JS放在结构之后加载，JS放在body的末尾）。
==>如果把JS放在HTML标签前面了，如何等到结构加载完成再加载JS？
JS：window.function(){} 页面中所有资源文件都加载完成执行的操作
JQ：$(document).ready(function(){}) 页面中的结构加载完成就会执行操作

    window.addEventListener('load',function(){},false)
    window.attachEvent("onreadystatechange",function(){});

1、写静态页面->从UI设计师手里拿到设计稿（静态页面：PSD），使用HTML+CSS把图片变为静态的HTML页面。
2、拿JS写一些用户交互的效果，例如：点击一个按钮，实现图片的切换等=>JS中有一个常用的操作就是用来操作页面中的HTML标签的（DOM元素的）。