javascript常用函数1

文章主要内容列表：

1、 调整图片大小，不走形（FF IE 兼容）/ 剪切图片（overflow:hidden） 2、 控制textarea区域文字数量 3、 点击显示新窗口 4、 input框自动随内容自动变长 5、 添加收藏夹 6、 设置首页 7、 Jquery + Ajax 判断用户是否存在 8、 判断email格式是否正确 9、 综合判断用户名（长度，英文字段等） 10、新闻滚动 11、 只允许输入正整数 （shopping cart 使用） 或者 正数 （正整数和正小数） 12、 转换字符串为数字 13、 判断文件格式（获得文件后缀） 14、 截取字符串 15、分割字符串

主要内容：

1、 调整图片大小，不走形（FF IE 兼容）

rush:js;"> // 用法 function DrawImage(ImgD,FitWidth,FitHeight){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ if(image.width/image.height>= FitWidth/FitHeight){ if(image.width>FitWidth){ ImgD.width=FitWidth; ImgD.height=(image.height*FitWidth)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } } else{ if(image.height>FitHeight){ ImgD.height=FitHeight; ImgD.width=(image.width*FitHeight)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } } } }

通过 overflow：hidden进行剪切：

0 && img.height>0) { if(img.width/img.height >= w/h) { if(img.width > w) { o.width = (img.width*h)/img.height; o.height = h; //o.setAttribute("style","marginLeft:-" + ((o.width-w)/2).toString() + "px"); $(o).css("margin-left","-"+((o.width-w)/2).toString() + "px"); } else { o.width = img.width; o.height = img.height; } } else { if(img.height > h) { o.height = (img.height*w)/img.width; o.width = w; //o.setAttribute("style","margin-top:-" + ((o.height-h)/2).toString() + "px"); //$(o).css("style","margin-top:-" + ((o.height-h)/2).toString() + "px"); $(o).css("margin-top","-"+((o.height-h)/2).toString() + "px"); } else { o.width = img.width; o.height = img.height; } } } }

rush:xhtml;">

<ul id="news">

New York web design Inc.1

Your site will be structured 2

hat will communicate the 3

hat will communicate the 4

hat will communicate the 5

hat will communicate the 6

hat will communicate the 7

hat will communicate the 8

hat will communicate the 9

New York web design Inc. 10

New York web design Inc.11

New York web design Inc. 12

New York web design Inc. 13

New York web design Inc. 14

Java代码

rush:java;"> // 用法 : 四个参数分别是:操作对象， 停留时间，相对速度（越小越快）,每次滚动多少(最好和Li的Line-height一致)。

scroll('news',3000,1,20 );

function scroll(element,delay,speed,lineHeight) {
var numpergroup = 5;
var slideBox = (typeof element == 'string')?document.getElementById(element):element;
var delay = delay||1000;
var speed=speed||20;
var lineHeight = lineHeight||20;
var tid = null,pause = false;
var liLength = slideBox.getElementsByTagName('li').length;
var lack = numpergroup-liLength%numpergroup;
for(i=0;i<lack;i++){
slideBox.appendChild(document.createElement("li"));
}
var start = function() {
tid=setInterval(slide,speed);
}
var slide = function() {
if (pause) return;
slideBox.scrollTop += 2;
if ( slideBox.scrollTop % lineHeight == 0 ) {
clearInterval(tid);
for(i=0;i<numpergroup;i++){
slideBox.appendChild(slideBox.getElementsByTagName('li')[0]);
}
slideBox.scrollTop = 0;
setTimeout(start,delay);
}
}
slideBox.onmouSEOver=function(){pause=true;}
slideBox.onmouSEOut=function(){pause=false;}
setTimeout(start,delay);
}

11、只允许输入正整数 （shopping cart 使用）

rush:js;">

只能输入数字和小数点的文本框：12、 转换字符串为数字

rush:js;"> /* js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。 */

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

parseFloat("1234blue"); //returns 1234.0
parseFloat("0xA"); //returns NaN
parseFloat("22.5"); //returns 22.5
parseFloat("22.34.5"); //returns 22.34
parseFloat("0908"); //returns 908
parseFloat("blue"); //returns NaN

/
还可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。
Boolean(value)——把给定的值转换成Boolean型；
Number(value)——把给定的值转换成数字（可以是整数或浮点数）；
String(value)——把给定的值转换成字符串。
/

Boolean(""); //false – empty string
Boolean("hi"); //true – non-empty string
Boolean(100); //true – non-zero number
Boolean(null); //false - null
Boolean(0); //false - zero
Boolean(new Object()); //true – object

Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100

var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //won't work,causes an error

13、 判断文件格式（获得文件后缀）

rush:js;"> // 用法：get_ext(this,'img');

function get_ext(name){
var pos = name.lastIndexOf('.');
var extname = name.substring(pos,name.length) // like: str.split('.')
var lastname = extname.toLowerCase();

if (lastname !='.jpg' && lastname !='.gif' && lastname !='.png' && lastname !='.bmp'){
return lastname;
}else{
return name;
}
}
}

14、截取字符串

rush:js;"> // 简单型

<script type="text/javascript">

var str="Hello World!"
document.write(str.substr(3,7))

// 结果是 lo worl

// 复杂型（中文或者中英文混合截取）

15、分割字符串

rush:js;">

以上就是小编为大家整理的常用的javascript函数，希望对大家的学习有所帮助，之后还有更多javascript常用函数分享给大家，继续关注。