如何动态刷新css文件,但又不刷新htm页面?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function reflash_css(){
/*如果我用编辑器打开my.css文件,
修改了某些属性,在当前页面没刷新的情况下如何刷新my.css文件,
让它不取缓存的旧css文件?
*/
}
</script>
<link href="my.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
/*
旧my.css中的内容
.box{background:red}
改动后my.css中的内容
.box{background:green}
*/
</style>
<div class="box">如何动态刷新css文件,但又不刷新htm页面?</div>
<button onclick="reflash_css();">reflash</button>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function reflash_css(){
/*如果我用编辑器打开my.css文件,
修改了某些属性,在当前页面没刷新的情况下如何刷新my.css文件,
让它不取缓存的旧css文件?
*/
}
</script>
<link href="my.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
/*
旧my.css中的内容
.box{background:red}
改动后my.css中的内容
.box{background:green}
*/
</style>
<div class="box">如何动态刷新css文件,但又不刷新htm页面?</div>
<button onclick="reflash_css();">reflash</button>
jquery的ajax可以无缓存load htm片段,我想css文件应该可以吧。
无非就是动态更新CSS选择器嘛,要么改style,还能怎么样。
oStyleSheet.addRule(".box","background: green;");