JS可以放在页面的任意位置,推荐放在底部,主要原因有:
JS的加载会阻塞其它内容的加载,就是页面要等待JS下载完成,解析运行完成才能继续加载其它内容,JS放在页面开始,如果网速慢或JS复杂,会造成长时间页面空白,用户体验不好。
JS一般会对DOM树进行操作,放在页首,DOM元素还没有加载完,一般还是要在onload等事件中运行JS,放在页尾,DOM树已经完成,可以直接运行。
首先,设定盒子名称
div id="fanhui"
css中写样式
#fanhui {
position: absolute
left: 30px
top: 20px
}
这样写就是距离右边30像素,距离下边20像素。
绝对定位使元素的位置与文档流无关,因此不占据空间
效果如下: