如何动态刷新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>

解决方案 »

  1.   

    本帖最后由 net_lover 于 2010-04-13 12:16:57 编辑
      

  2.   

    要新定义css,可以动态创建style
      

  3.   

    这些我知道,我也试过,但我只想要什么代码都不添加的情况下就更新css缓存的效果。
    jquery的ajax可以无缓存load htm片段,我想css文件应该可以吧。
      

  4.   

    LZ你打算用意念力来控制CSS显示吗?
    无非就是动态更新CSS选择器嘛,要么改style,还能怎么样。
      

  5.   

    document.getElementById("x").href=document.getElementById("x").href.split('?')[0]+'?'+new Date();
      

  6.   

    不能执行reflash_css(),让my.css缓存内容更新吗
      

  7.   

    var oStyleSheet=document.styleSheets[0];
    oStyleSheet.addRule(".box","background: green;");
      

  8.   

    本帖最后由 net_lover 于 2010-04-13 12:42:22 编辑
      

  9.   

    谢谢 路飞哥和net_lover ,还是用路飞哥的好了,就是想要这种更新缓存的效果。