2、使用延迟加载的目的主要是为了避免网页容量太大，将内容全部加载的速度太慢，会影响到用户视觉，网页内容少就完全没必要用延迟加载了，当然，如果你是为了学习这个技术，也可以用一下。
解决方法 先看你的产品面向的用户群体如果完全可以不考虑低版本浏览器用户的就不用去纠结小部分代码问题
然后具体事情具体分析
js的兼容可以借助框架和库 比如jquery,或者自己写个方法判断和兼容该浏览器
css的兼容 其实在养成良好代码习惯和思路之后 能遇上的兼容问题其实是非常少的,很针对性的可以写一点hack,但不要多用
在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。操作样式分为改变直接样式，改变className和改变cssText三种一、局部改变样式
调用方法：
改变className
<div id="demo">测试</div>
<script>
document.getElementById('demo').className="test"
</script>
改变直接样式
<div id="demo">测试</div>
<script>
document.getElementById('obj').style.backgroundColor="#003366"
</script>
二、全局改变样式
可以通过改变外链样式的的href的值实现网页样式的实时切换
<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />
<span on click="javascript:document.getElementById('css').href = 'ie.css'">点我改变样式</span>
