手机
当前位置:查字典教程网 >编程开发 >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数据结构与算法之链表

Angular发布1.5正式版,专注于向Angular 2的过渡

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

提高代码性能技巧谈—以创建千行表格为例

JavaScript操作Cookie方法实例分析

在JavaScript的正则表达式中使用exec()方法

实现DIV圆角的JavaScript代码

JavaScript容易犯错的九个陷阱

prototype 的说明 js类

javascript实现table选中的行以指定颜色高亮显示

精品推荐
分类导航