简易的学习笔记(五、6月份)

1、如何解决修改了样式文件后缓存中的对应文件并无更新的问题，缓存的存在会致使用户的页面不是最新的。（5.16）

　　能够在css或者js文件以后加上“?v=xxxx”来添加版本号：

1 <link type="text/css" href="a.css?v=1024" />

2、自动聚焦的设置（5.26）

　　自动聚焦能够经过HTML5表单的新标签来实现,对于不支持autofocus的浏览器则用JavaScript来实现：

1 <form name="f">
2   <input id="q" autofocus>
3   <script>
4     if(!("autofocus" in document.createElement("input"))) {
5       document.getElementById("q").focus();
6     }
7   </script>
8   <input type="submit" value="GO">
9 </form?

　　要注意的是自动聚焦的脚本每每放在须要自动聚焦的表单字段后面，即在表单字段渲染完成后就执行脚本，或者能够写在JQuery的$(document).ready()这样的自定义事件中。这样作的目的是，放弃将脚本放在window.onload事件中，由于window.onload事件是在页面彻底加载完成后才执行，这样在页面内容不少的时候，加载了好一段时间后才自动聚焦到表单字段。

3、访问样式表的方法

　　1.DOM:document.styleSheets[0].cssRules

　　2.IE:document.styleSheets[0].rules

　　3.综合：var oCssRules = document.styleSheets[0].cssRules || document.styleSheets.rules

4、获取最终样式

　　1.IE:currentStyle对象表示全部元素的style对象的特性和未被覆盖的CSS规则的style特性。

alert(oDiv.currentStyle.backgroundColor)

　　2.DOM:getComputedStyle(oDiv, null)方法能够根据给定的元素建立相似style的对象，这个方法接受两个参数，oDIV即须要获取样式的元素，null指代不须要为元素，这个参数还能够是:hover或者:first-letter等。

　　须要从document.defaultViwe对象中访问这个方法，这个对象表明文档当前渲染的视图：

alert(document.defaultView.getComputedStyle(oDiv, null).backgroundColor)

 5、火狐浏览器中没法识别反斜杠，对于出现URL定位的地址使用“/” （6.29）