怎么控制css，js的过期时间

控制css，js的过期时间:

a. 第一次访问url时，用户从服务器段获取页面内容，并把相关的文件（images,css,js…）放在高速缓存中，也会把文件头中的expired time,last modified, ETags等相关信息也一同保留下来。

b. 用户野核重复访问url时，浏览器首先看高速缓存中是否有本站同名的文件，如果有，则检查文件的过期时间宴脊粗；如果尚未过期，则直接晌镇从缓存中读取文件，不再访问服务器。

c. 如果缓存中文件的过期时间不存在或已超出，则浏览器会访问服务器获取文件的头信息，检查last modifed和ETags等信息，如果发现本地缓存中的文件在上次访问后没被修改，则使用本地缓存中的文件；如果修改过，则从服务器上获取最新版本。

IIS里面站点属性-HTTP头-启用内容过期-3天.

1、直接设置style的属性 某些情况用这个设置 !important值无效

如果属性有'-'号，就写成驼峰的形式(如textAlign) 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'element.style.height = '100px'

2、使用setAttribute()直接设置属性(只能用于某些属性，相关样式会自斗余动识别)element.setAttribute('height', 100)

element.setAttribute('height', '100px')

3. 使用setAttribute()设置style属性element.setAttribute('style', 'height: 100px !important')

4、使用setProperty 如果要设置!important，推伍迅荐用这种方法设置第三个参数element.style.setProperty('height', '300px', 'important')

5、改变class 比如JQ的更改class相关方法

因JS获取不到css的伪元素，所以可以通过改变伪元素父级的class来动态更改伪元素腔销此的样式element.className = 'blue'

element.className += 'blue fb'

6、设置cssTextelement.style.cssText = 'height: 100px !important'

element.style.cssText += 'height: 100px !important'

7、创建引入新的css样式文件function addNewStyle(newStyle) {undefined

var styleElement = document.getElementById('styles_js')

if(!styleElement) {undefined

styleElement = document.createElement('style')

styleElement.type = 'text/css'

styleElement.id = 'styles_js'

document.getElementsByTagName('head')[0].appendChild(styleElement)

---