手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >firefox下input type="file"的size是多大
firefox下input type="file"的size是多大
摘要:但是这个size值怎么设置,size="10"是多宽,默认值又是多少,不能光凭感觉去设置。用脚本来查看下:复制代码代码如下:$(functi...

但是这个size值怎么设置,size="10"是多宽,默认值又是多少,不能光凭感觉去设置。 用脚本来查看下:

复制代码 代码如下:

<script type="text/javascript">

$(function() {

var fileArray = [];

var i = 0;

while (i < 100) {

fileArray.push(i + ":<input type='file' size='" + i + "' /><br />");

i++;

}

document.write(fileArray.join(""));

$("input:file").each(function() { $(this).after("<b>" + $(this).width() + "</b>") });

});

</script>

在火狐下得到这样的结果:

firefox下input type="file"的size是多大1

发现了一定的规律,默认为208像素,size="1"时为85像素,每个size之间相差6.5个像素的宽度,所以我们可以动态的设定size的值,如:

复制代码 代码如下:

if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }

出处:www.cnblogs.com/flowerszhong

【firefox下input type="file"的size是多大】相关文章:

实现无刷新联动例子汇总

JavaScript获得url查询参数的方法

JS通过Cookie判断页面是否为首次打开

JavaScript操作Cookie方法实例分析

js+cookies实现悬浮购物车的方法

利用js实现禁止复制文本信息

连接文字不停变色

卡拉 OK 字幕效果

基于JavaScript实现动态添加删除表格的行

移到这里,就会自动点击

精品推荐
分类导航