任平生的学习笔记

任平生的学习笔记,记录平常点滴

javascript keycodes 键盘键值

via:http://shikargar.wordpress.com/2010/10/27/javascript-key-codes/  在页面上增加键盘快捷键: var inputFocus = false; $(':input').blur(function(){ inputFocus = false; }); $(':input').focus(function...

自定义有序列表 li 项目符号的数字样式

下面是一个自定义有序列表 li 项目符号样式的思路: List item one List item two List item three List item four CSS: ol{ margin-left:0px; padding-left:0px; counter-reset:li; } ol > li{ ...

HTML5 Shiv 的一些趣事

我敢肯定,你一定没听说过 Sjoerd Visscher 这个名字,虽然你天天在熟练地用着 HTML5 Shiv 去修复 IE 不能识别未知元素的bug。 2002年,荷兰海牙。 Visscher 在改进 XSL 的显示样式的过程中发现,非HTML元素不能应用CSS样式。 2008年,HTML5 已经出现了,一些新的元素被提出并应用,但是 IE 6-8 不能识别未知元素,这些新元素不能作...

判断浏览器是否支持某个css属性

根据 UA 来判断浏览器版本,再根据浏览器版本来确定是否支持某个 css 属性的方法弱爆了,直接判断浏览器是否支持某个CSS属性才是王道。 判断是否支持 text-overflow if( 'textOverflow' in document.documentElement.style){ alert('support'); }else{ alert('no suppor...

ie8 的 hasLayout

今天跟一个同事说 ie8 已经没有 hasLayout 了,但却被认为有异议,所以动手实验了一下,在ie8中,检测 block 元素的 hasLayout  为 true, inline 元素的 hasLayout 为 false。 但是却不能用之前的触发 ie6/7 hasLayout 的方法去触发了,比如 zoom:1 , height:1% 等就不能让 ie8 的 hasLayout ...

window.history

通常,我们使用 #hash 跳转页面的某个位置,但有时跳转并不是你想要的,如果阻止了默认的跳转行为,那么 #hash 就不会计入 history ,点击浏览器的后退按钮就什么都不会发生了 (想象 gmail 中的所有操作都是靠 #hash 来切换不同的界面的,而且点后退按钮可以返回之前操作的界面) 通过 HTML5 的 history API,我们可以很容易地实现我们想要的: histo...

有关 <marquee> 标签的一些现实

今天发现了一个蛋疼的现实: <marquee> 是被各个浏览器都支持的,我记得当初之所以不建议大家在代码中使用 marquee 的原因就是这个东西只有 ie 支持,是非标准的标签… 那么现在呢? 当 HTML5 越来越以现实需求为中心,当 a 标签都可以包裹 h1, p, div 的时候, marquee 真的有那么邪恶吗? 在非ie浏览器中并不一定需要 <marquee...

font-size 的 px em 与 rem 的区别

之前看到说 px 与 em 的区别是 px 在 ie 里不能放大,但是我用 ctrl 滚动鼠标放大页面,文字是可以放大的嘛,就一直以为这个是以讹传讹的错误理论; 今天看了Jonathan Snook 的文章,才注意到,这个放大文字,是指浏览器自带的 文字大小 的调整功能,并不是放大整个页面,在ie中,调整文字的功能是这个: OK,那么一切就明了了。 如果使用 px 作为字体大小的单位...

设置 Chrome 强制网站使用 HTTPS

chrome://net-internals/#hsts 可以设置强制使用 https 链接的网址 (chrome|checkout|health|docs|spreadsheets|sites|appengine|encrypted).google.com 参考链接: http://dev.chromium.org/sts http://src.chromium.org/vie...

浏览器渲染模式

浏览器共有三种渲染模式:怪异模式(Quirks mode)、准标准模式(almost standards mode)、标准模式(full standards mode) 各个浏览器相同版本的 标准模式 和 准标准模式 之间差异极少。 via: http://www.w3help.org/zh-cn/causes/readme.html  <!doctype html> 当...