作者: c君不在

  • innerHTML设置样式在IE下的问题

    使用 innerHTML 设置内容时,如果内含 style 样式,在 IE7 及以下可能会发现样式没生效。

    解决方法:把 <style> 样式放到待设置的 html 内容的最后。

    所使用的代码片段是:

    var str1 = '<style>#con{color:red;}</style><p>红字</p>',
        str2 = '<p>二:<style>#con{color:green;}</style>绿字</p>',
        str3 = '<p>蓝字</p><style>#con{color:blue;}</style>';
    
  • 日常之不寻常

    在盘古开天劈地后,女娲开始造人。即便贵为女神,但还是偶尔会因为天气不好而心情不好,所以捏出来的人有大有小,能力也有强有弱。

    于是,在学园都市里,既有位于顶端的『一方通行』,也有偶尔催开朵花的『恒温器』。

    是夜 2012 年 9 月 24 日晚上 9 点(偏差 15 分钟)。

    身为『无能力者』的我心血来潮,跟队打名为『总教练』的最终 BOSS,然而在圣骑士首轮不敌后,身为酱油党的我未能破防,连强制性伤害都没到达成就在敌方的『回眸一笑』中倒地,脚踝中了一箭,自此结束冒险者生涯。那一刻,我看见大圣一头撞倒了不周山,观音似笑未笑,佛祖拈指不语,至于哪吒,只看见一缕烟火尤在。

    必须提早返回神殿的我告别战友,打着尼龙伞,顶着毛毛雨,于漆黑的路上走着。

    掏出手机,有房东来电,回拨一问,我的错,放于包内的手机不小心触发了拨号。连声道歉多谢后挂机转拨家里,说下战伤。

    十字路口,在 2012 年 9 月 24 日 9 点 20 分这一刻(偏差 5 分钟),等 Bus 的人和以往一样的多。

    在右脚兄声声的“老兄,重伤就不上火线了吧!这一刻咱也是有特供的人,何必和一帮愚民争夺呢?那么一亩三分地就施舍给他们吧!”中,我挥了挥手。啊咧!我再挥挥手,不行,再挥挥。哈,终于来了,特供 TAXI。

    的士大叔跟我说,由于今晚下雨,加上周一,坐车的人不多,现在才两三百。又跟我说,当年云溪路君尚未诞生,此线路畅行无阻,岑村房租也才一两百。

    到达转盘,的士大叔果然备足炮火,顺利找我 83。哦,为什么多了 2 块?那是因为的士大叔是直行转左而不是原地左转。

    回到神殿,房东友情提供一杯药酒和半桶热水。

    疗伤之事无聊,不再一一叙述。

    因『ACG漫展』由于种种原因而取消,因突然中了一箭,总而言之,『普天同庆』的时候我只能补番了。

    P.S. Bob 大叔说在看科幻题材作品时尤有创造力,我似乎在身体有恙时有那么一点发散思维,这该『可喜可贺』吗?

  • IE9 下 jQuery 报 getElementsByTagName 不支持问题

    在 IE9 下使用 jQuery 1.5 或更前的某些版本,可能会碰到类似这样的报错:

     "Object doesn't support this property or method..." for code elem.getElementsByTag("*")
    

    debug 将会发现,那个时候 elem 元素会是 DocumentFragMent,而在 IE9 中没对这个元素提供 getElementsByTagName 这个方法。

    解决方法则很简单,把 jQuery 的版本升级上去即可。

    参考链接

  • jQuery easing 效果展示

    展示 jquery 1.5 内置及 jQuery Easing 1.3 的缓动算法的效果。

    详细参考 DEMO 页面

  • Image 的 complete 属性

    判断图片是否已加载完,是则返回 true,否则返回 false。

    所有主流浏览器均支持该属性。

    Image complete Property

  • IE下获取链接相对路径的问题

    <a href="about.html" id="anc">a link with href="about.html"</a>
    
    var anchor = document.getElementById('anc');
    
    console.log(anchor.href);
    console.log(anchor.getAttribute('href'));
    

    以上代码,对于第一个 log,希望得到形如 //liunian.info/about.html 的绝对路径,对于第二个 log,希望得到 about.html 这个相对路径。

    但在 ie 下,第二个却也由相对路径变为绝对路径了。

    兼容的处理方法是使用第二个参数,这个参数是 IE 私有的,但由于 JavaScript 的语言特性,多参数并不会导致出错,所以,对于 Chrome、FF 等将仍是原来的方法。

    anchor.getAttribute('href', 2);
    

    References

    1. getAttribute(“HREF”) is always absolute
    2. 获得原始href属性的方法
    3. getAttribute method
  • sdcv – 命令行版本的 StarDict

    因为没找到 StarDict 的快捷打开/隐藏键,每次都要用鼠标点,觉得很不爽,于是找了一下,发现有个命令行版本,使用 StarDict 的词库。

    sudo apt-get install sdcv
    
    $ sdcv -h
    sdcv - console version of StarDict.
    Usage: sdcv [OPTIONS] words
    -h, --help               display this help and exit
    -v, --version            display version information and exit
    -l, --list-dicts         display list of available dictionaries and exit
    -u, --use-dict bookname  for search use only dictionary with this bookname
    -n, --non-interactive    for use in scripts
    --utf8-output            output must be in utf8
    --utf8-input             input of sdcv in utf8
    --data-dir path/to/dir   use this directory as path to stardict data directory
    
  • 看不见人心,敌不过时间

    看到教练黑运动员钱,再觉世界黑暗无比。

    一直很为运动员们退役后的生活担心,从小训练,文化教育上一般都没怎么跟得上的。

    运动员的生命期到了,但人生的路却刚刚开始。以前生活在社会之外的人该如何回到社会,该如何工作、生活?

    不知道体制会如何安排?

    但习惯性往最坏的方向想,他们更乐意安排领导们的子子女女亲亲戚戚也不会理会没了利用价值的人。

    而似乎事实也是这样的坏。

    你心怀信仰,视其最高;它却冷眼相对,似若无物。

  • 修改 script 的 src

    对于以下代码,仅 ie6 中会 alert 3 次,别的都仅第一次有。

    <!DOCTYPE html>
    <html>
    <head>
        <title>modify script's attribute</title>
        <meta charset="utf-8" />
    </head>
    <body>
         <script type="text/javascript" src="a.js"></script>
         <script type="text/javascript">
             var scr = document.scripts[0];
    
             // use setAttribute to modify script's src
             scr.setAttribute('src', 'b.js');
         </script>
         <script type="text/javascript">
             // reset script's src attribute 
             scr.src = 'c.js';
         </script>
    </body>
    </html>
    

    其中 a/b/c 这 3 个 js 文件中的内容类似下面的:

    // a.js
    var a = 'a.js';
    alert(a);
    

    (更多…)

  • Submit 按钮在低版本 IE 下的黑边框

    对于下面这段代码,当 focus 表单(如输入框)时,提交按钮在 IE 6/7 中将会出现一个黑色边框。

    <style>
    input{border:1px solid red;}
    </style>
    
    <form>
        <input type="text" value="" />
        <input type="submit" value="submit" />
    </form>
    

    如果需要对按钮做美化,保持各浏览器一致(比如设定背景和border等),那么需要处理这个问题。

    解决方法是:把 submit 按钮的 border 设为 none,然后如果需要 border,那么采用在其外面包一层元素的方法来实现。