标签: js

  • 修改 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);
    

    (更多…)

  • input file 在不同浏览器中的呈现

    文件选择(input type=”file”)是一个常用的元素(虽然我比较少用),在浏览器中的表现是没有完全一致的。以下是其在 IE/Firefox/Chrome/Opera 四种浏览器中的一些异同(Safari 和 Chrome 同是基于 Webkit,故不再详说)。

    对于文件选择元素,可以分为2部分,一部分是按钮,一部分是文字展示,如图1:

    图1:input file 的组成

    下面图2~图5是4个浏览器对于3个不同状态下的文件选择元素的呈现:

    其中:第一个是默认状态下选择了一个文件;第二个是设定了 300px 的宽度;第三个设定了 50px 的宽度;

    (更多…)