怎么实现多个css,js文件的延时加载

html-css09

怎么实现多个css,js文件的延时加载,第1张

1、把js的代码放在body里面,最好是放在页面最后的位置,而不是放在head里面。这样整个页面加载结束的时候才会加载到js。

2、你可以使用js函数动态的修改页面,加载js。下面附上两个函数,可以用来加载js或者css。

/*Title : 包含其它 js 文件。

* Description : 将其它 Js 文件引入本文件中,方便管理、维护。*/

function include_js(path) {

var sobj = document.createElement('script')

sobj.type = "text/javascript"

sobj.src = path

var headobj = document.getElementsByTagName('head')[0]

headobj.appendChild(sobj)

}

/* Title : 包含其它 css 文件。

* Description : 将其它 css 文件引入本文件中,方便管理、维护。 */

function include_css(path) {

var fileref = document.createElement("link")

fileref.rel = "stylesheet"

fileref.type = "text/css"

fileref.href = path

}

3、利用ajax加载js。

#header-login{ /*顶部登陆条*/

width:1000px

height:18px

background:url(image/header-login-bg.gif) repeat-x top left}

看上边的代码,主要有两点,1.最好把那张背景图直接放在同一目录的images下,这样子必免浏览器走弯路找你的图片路径,2.top和left.在写的时候最好还是加上。最后你有一句是重复删掉

忘了说一句不知道你的背景图片多大,越小越好!

这个问题就不是CSS的问题了,我觉的是你的页面加载的东西太多了,而且肯定有由先择行的,导致页面,先执行了由先执行的。这种问题只能用排除,从最有可能的地方一点点的试。不过你可以,先把所有的东西移除,只保留你想要的,看看什么结果