怎么根据时间动态加载不同的css文件

html-css014

怎么根据时间动态加载不同的css文件,第1张

如果是服务器端

判断时间,然后

<link href="<%="判断结果"%>" rel="stylesheet" type="text/css" />

就可以了

如果采用js

你可以

<link href="" id="css" rel="stylesheet" type="text/css" />

window.onload=function(){

var d = new Date().getHours()

if(d>8 &&d <18){

document.getElementById("css").setAttribute("href","day.css")

}else{

document.getElementById("css").setAttribute("href","night.css")

}

}

或者

var c = "night.css"

if(d>8 &&d <18){

c="day.css"

}

document.write('<link href="' + c + '" rel="stylesheet" type="text/css" />')

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。