简易的学习笔记(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)

posted on 2015-05-16 23:31  小狒  阅读(216)  评论(0编辑  收藏  举报

导航

18 til I die.