本日内容：
（1）js、css在html中的位置
（2）获取屏幕高宽
（3）this绑定（call, apply, bind）call, apply, bind 的区别
总结：本来想写一写闭包，但是看大佬们都好复杂，我准备再好好理解理解～～
（1）js、css在html中的位置？
- css文件放在head中
- js文件两种情况
对于调用执行的，我们最好放在head里，直接声明或者引用外部文件（head）。
对于即时执行的，放在</body>前
例如：
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
//引入.css文件
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js">
</script> //引入.js文件
<style>
//样式设计
</style> //html文件中，不推荐使用
</head>
<body>
<div>…</div>
<script>
//执行代码
</script>
</body>
原因：
css必须放在head里。因为浏览器解析html是从上到下的。如果css放到后面，会造成样式按照浏览器标准先加载，最后忽然闪现样式设计。
Js如果是写在html中，如果在head里的话，会在页面加载过程中执行js但这时候body还没有解析，所以会返回空值。一般都会绑定一个监听，当全部的html文档解析完之后，再执行代码：
windows.onload=function(){
//这里放入执行代码
}
相反放在head中的JS代码会在页面加载完成之前就读取，而放在body结束前的JS代码，会在整个页面加载完成之后读取。
更推荐js、css写在js文件中在head中引用，实现结构（html）、样式（css）、行为（js）分离，有利于维护。
（2）获取屏幕高宽
网页可见区域宽： document.body.clientWidth
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth （包括边线的宽）
网页可见区域高： document.body.offsetHeight （包括边线的高）
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth
（3）this绑定（call, apply, bind）call, apply, bind 的区别
call，apply，bind的相似
1，都是用来改变函数this指向的
2，第一个参数都是this要指向的对象
3，都可以传参复制代码
1，call和apply都是对函数的直接调用
2，bind返回的是一个函数，需要配合（）进行调用
3，call和bind的传参使用‘，’分隔的，例如（item1,item2,item3...）
4, apply的传参使用数组[...arguments]复制代码