简易的学习笔记(5、6月份)
一、如何解决修改了样式文件后缓存中的对应文件并没有更新的问题,缓存的存在会导致用户的页面不是最新的。(5.16)
可以在css或者js文件之后加上“?v=xxxx”来添加版本号:
1 <link type="text/css" href="a.css?v=1024" />
二、自动聚焦的设置(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事件是在页面完全加载完成后才执行,这样在页面内容很多的时候,加载了好一段时间后才自动聚焦到表单字段。
三、访问样式表的方法
1.DOM:document.styleSheets[0].cssRules
2.IE:document.styleSheets[0].rules
3.综合:var oCssRules = document.styleSheets[0].cssRules || document.styleSheets.rules
四、获取最终样式
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)
五、火狐浏览器中无法识别反斜杠,对于出现URL定位的地址使用“/” (6.29)