HTML、CSS以及Javascript常用且实用的技巧代码[4]

  • 作者:不详
  • 来源:56gee
  • 更新时间:2012-06-18 12:32:11
  • 点击:12321
[0分]
技巧七
1、将数字转化为拥有X位小数位的形式function roundTo(base,precision)
{ var m=Math.pow(10,precision);
var a=Math.round(base*m)/m;
return a;
}
var n=3.942487;
roundTo(n,3)=3.942
roundTo(n,0)=3
2、创建受约束的随机数
function randomBetween(min,max)
{ return min+Math.floor(Math.random()*(max-min+1))}
3、数字转换为字符串
var a=10;
a=String(a);/a=a.toString();
4、对url的编码
var a="http://www.google.com/directoryname/?p=e";
var b=escape(a);
var c=(b);
5、改变文档内元素的类型
p--->div
首先创建一个div元素,然后复制p的子节点到div中,最后再用div 替换p
6、一个函数需要多少参数
function add(n1,n2){}
return num=add.length;
7、一个函数传入了多少参数
function add(n1,n2){
return arguments.length;}

技巧八
1、 display:inline-block;顾名思义,就是在内联情况下的块状,可以设定高度宽度。
.element-class {
display: -moz-inline-stack; //Firefox only code
display: inline-block; //some standard browsers
zoom: 1; //IE only
*display: inline; //Only IE know this code (CSS Hack)
}
2、清理浮动
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
3、在地址栏添加自定义图标
首先,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico,然后上传到相应目录中。在HTML源文件“<head></head>”之间添加如下代码:<Link Rel=”ICON NAME” href=”http://图片的地址(注意与刚才的目录对应)”>,当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!
4、在IE6中设置display:block的空容器一个较小高度时,如<p style=”height:1px;”></p>,会发现其高度不能小于某个值。解决方案:设置overflow:hidden。
5、文字用省略号截断
div{width:200px;height:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
收藏内容
评分

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途。若转载请注明来自56gee.com中的“来源”。

栏目精华