预读内容对于部分网速慢，或者加载内容过多的页面，是非常有效的提高友好程度的方法。防止出现由于样式表，和关键图片加载滞后，导致的页面布局错乱，以及关键图片不能马上展示。
也可以防止由于页面信息加载不全，导致js出错。
经过一番尝试，此方法可以兼容IE及其他浏览器。
在IE下 用 new Image().src
的形式进行加载
在其他的浏览器中 用a 动态<object>
标签
源码以及DEMO
Demo 下载地址：http://download.csdn.net/source/2327166
这里是最终的实现.
在这个例子里面，预先加载下一个页面所需要的关键内容. 内容是一个CSS, 一个 JS 和一个 PNG .
window
.
onload
=
function
(
)
{
var
i
=
0
,
max
=
0
,
o
=
null
,
//
list of stuff to preload
preload
=
[
'
http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png
'
,
'
http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.js
'
,
'
http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.css
'
]
,
isIE
=
navigator
.
appName
.
indexOf
(
'
Microsoft
'
)
===
0
;
for
(
i
=
0
,
max
=
preload
.
length
;
i
<
max
;
i
+=
1
)
{
if
(
isIE
)
{
new
Image
(
)
.
src
=
preload
[
i
]
;
continue
;
}
o
=
document
.
createElement
(
'
object
'
)
;
o
.
data
=
preload
[
i
]
;
//
IE stuff, otherwise 0x0 is OK
//
o.width = 1;
//
o.height = 1;
//
o.style.visibility = "hidden";
//
o.type = "text/plain"; // IE
o
.
width
=
0
;
o
.
height
=
0
;
//
only FF appends to the head
//
all others require body
document
.
body
.
appendChild
(
o
)
;
}
}
;
A demo is here:
http://phpied.com/files/object-prefetc
盒模型，是XHTML
+CSS
布局
页面中的
核心！是关系到设计中排版定位的关键，都遵循盒模型规范，例如<div>、<p>、<a>……盒模型包含
(外
边距)margin，(内边距)padding ，(内容)content，(边框)border。
下图是CSS盒模型的示意图
这些属性我们可以把它转移到我们日常生� ......
