css,javascript的预加载
css,javascript的预加载
为了提高网站的加载速度，有一个很重要的手段就是在用户浏览过程中的上游网站做一个文件的预加载。预加载文件一般有两种常用的方式：xhr和动态插入节点的方式。动态插入节点是最为简单也最为广泛的一种异步加载方式(例如yui的Get模块)，然后使用动态插入节点方法加载的文件都会在加载后立即执行，javascript的执行一方面会占用浏览器js执行进程，另一方面也可能改变页面结构，而css的执行更有可能让整个页面变化。xhr方式虽然不会执行脚本，但是由于同域的限制，且如今网站的静态文件都是部署在cdn服务器上，如何预加载css js文件也变有点玄妙了。
Stoyan Stefanov 撰文简明的阐述了一种加载文件而不会让之执行的方法。原文可见 http://www.phpied.com/preload-cssjavascript-without-execution/
具体的方法是，ie中使用 new Image().src 去预加载文件，而其他浏览器使用动态插入的 <object> 标签来完成加载。
部分代码如下
code
1 window.onload = function () {
2
3 var i = 0,
4 max = 0,
5 o = null,
6
7 // list of stuff to preload
8 preload = [
9 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png',
10 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.js',
11 'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.css'
12 ],
13 isIE = naviga
相关文档：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</ ......
转自：http://www.div-css.com/html/XHTML-CSS/hack/1136667.html
区别不同浏览器，CSS hack写法：
区别IE6
与FF
：
background:orange
;*
background:blue
;
区别IE6
与IE7
：
background:green
!important
;background:blue
;
区别IE7
� ......
CSS兼容性一直是大家头疼的问题，现在说说如何区分这几个浏览器，IE6、IE7、IE8和FF，IE8均指IE8正式版,版本号:8.0.6001.18702。
以颜色为例来说如何区分这几个浏览器：
.csshack{
color:#f00; &nbs ......
使用DIV+CSS构架好处不少，但也确实存在一些问题，现在让网页设计师最头疼的事莫过于DIV+CSS对浏览器的兼容性了，可能你用惯了IE6，做出来的东西没感觉到有多大异常，但是把同样的东西放到IE7里去看的话，就会发现很多问题，如果放到火狐浏览器里去看，结果更不尽人意。
一个页面从制作的开始就决定了� ......
jQuery, MooTools, Prototype 等优秀的
JavaScript 框架拥有各种强大的功能，包括绘制 Web 图表，使用这些框架以及相应插件，我们可以非常轻松地实现曲线图，圆饼图，柱状图等
Web 图表的绘制，而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS& ......
