簡易的學習筆記(五、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）