CSS,图片，预加载例子
预读内容对于部分网速慢，或者加载内容过多的页面，是非常有效的提高友好程度的方法。防止出现由于样式表，和关键图片加载滞后，导致的页面布局错乱，以及关键图片不能马上展示。
也可以防止由于页面信息加载不全，导致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
相关文档：
使用Table布局页面为什么是不明智的？
大家看到标题，不要误解认为在页面中不能使用Table，而是可以
使用Table，但是尽量不要用Table去布局页面，为什么这么说呢，因为使用Table布局页面会使页面失去灵活性，怎么个灵活法呢，比如今天你好不
容易做出来的页面，第二天老板说我不喜欢登录模块放到右边，还是放到左边，通� ......
上节课我们讲了一下Css通过什么方式去控制页面
，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内
嵌方式、链接方式、导入方式，大家通过这四种方式就可以实现CSS
对HTML
页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需
要用到CSS选择器，HTML页面中的� ......
网页制作中，为了方便日后修改或协作开发，常常要对页面进行相应的注释，你网页结构清晰，可读性增强。以下介绍几种常用的注释方法：
一、HTML的注释方法
<!-- html注释:START -->
内容
<!-- html注释:END -->
二、CSS的注释方法
<style type="text/css">
/* css注释*/
</style>
在单独 ......
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。
使用方法：
//压缩JS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//压缩CSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
