标签归档:js

修改 script 的 src

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
< !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 文件中的内容类似下面的:

1
2
3
// 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 的宽度;

继续阅读