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)
//JS操作cookies方法!//写cookies
function setCookie(name,value)
{
var Days = 30
var exp = new Date()
exp.setTime(exp.getTime() + Days*24*60*60*1000)
document.cookie = name + ”=”+ escape (value) + ”expires=” + exp.toGMTString()
}
//读取cookies
function getCookie(name)
{
var arr,reg=new RegExp(”(^| )”+name+”=([^]*)(|$)”)
if(arr=document.cookie.match(reg)) return unescape(arr[2])
else return null
}
//删除cookies
function delCookie(name)
{
var exp = new Date()
exp.setTime(exp.getTime() - 1)
var cval=getCookie(name)
if(cval!=null) document.cookie= name + ”=”+cval+”expires=”+exp.toGMTString()
}
//使用示例
setCookie(”name”,”hayden”)
alert(getCookie(”name”))
//如果需要设定自定义过期时间
//那么把上面的setCookie 函数换成下面两个函数就ok
//程序代码
function setCookie(name,value,time){
var strsec = getsec(time)
var exp = new Date()
exp.setTime(exp.getTime() + strsec*1)
document.cookie = name + ”=”+ escape (value) + ”expires=” + exp.toGMTString()
}
function getsec(str){
alert(str)
var str1=str.substring(1,str.length)*1
var str2=str.substring(0,1)
if (str2==”s”){
return str1*1000
}else if (str2==”h”){
return str1*60*60*1000
}else if (str2==”d”){
return str1*24*60*60*1000
}
}
//这是有设定过期时间的使用示例：
//s20是代表20秒
//h是指小时，如12小时则是：h12
//d是天数，30天则：d30
//暂时只写了这三种
setCookie(”name”,”hayden”,”s20″)
控制css，js的过期时间:a. 第一次访问url时，用户从服务器段获取页面内容，并把相关的文件（images,css,js…）放在高速缓存中，也会把文件头中的expired time,last modified, ETags等相关信息也一同保留下来。
b. 用户重复访问url时，浏览器首先看高速缓存中是否有本站同名的文件，如果有，则检查文件的过期时间；如果尚未过期，则直接从缓存中读取文件，不再访问服务器。
c. 如果缓存中文件的过期时间不存在或已超出，则浏览器会访问服务器获取文件的头信息，检查last modifed和ETags等信息，如果发现本地缓存中的文件在上次访问后没被修改，则使用本地缓存中的文件；如果修改过，则从服务器上获取最新版本。
