常用js代码-优快云博客

本文链接：https://blog.youkuaiyun.com/midnightvip/article/details/83668013

本文介绍了几种实用的JavaScript技巧，包括去除字符串空白符的方法、验证图片格式的函数、字符串格式化处理、生成随机数及页面自动刷新等。这些技巧能够帮助开发者解决日常开发中的常见问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.去除字符串的空白符


String.prototype.trim = function() {
   return this.replace(/\s+/g, "");//去除字符串中所有的空白符
   return this.replace(/^\s+|\s+$/g,"");//去除字符串两边的空白符
   //return this.replace(/^\s+/g,"").replace(/\s$+/g,"");//去除字符串两边的空白符
   //return this.replace(/^\s+/g,"");//去除字符串左边的空白符
   //return this.replace(/\s$+/g,"");//去除字符串右边边的空白符
}

2.验证上传图片的格式


function checkPic(picString){
	var arr=picString.split(".");//分割图片路径
	var temp=arr[arr.length-1];
	var extensionName=temp.toLowerCase();//将最后一个String转为小写
//	alert(extensionName);
	if(extensionName!="jpg" && extensionName!="gif" && extensionName!="bmp" && extensionName!="png" && extensionName!="jpeg"){
		alert("图片格式错误！jpg、gif、bmp、png、JPEG为上传图片的有效格式！！");
		return false;
	}
	return true;
}

3.截取字符串，长度过长的后面用..显示


function formatString(formatStr, length){
	if(formatStr.length > length){
		return formatStr.substring(0,length-1)+"..";
	}
	return formatStr;
}

4.Math.random()随即函数


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> Math.random() </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script language="javascript">
  function selectForm(iFirstValue,iLastValue){
	 var iChoices = iLastValue - iFirstValue + 1; //计算项数
	 return Math.floor(Math.random()*iChoices + iFirstValue);
  }
  var iNum=selectForm(2,99); //随即选择数字
  var aFruits=["apple","pear","peach","orange","watermelon","banana"];
  var sFruit= aFruits[selectForm(0,aFruits.length-1)];//随即选择数组元素
  alert(iNum+"  "+sFruit);
  </script>
 </head>

 <body>

 </body>
</html>

5.页面自动刷新


<script language="JavaScript">
function myrefresh(){
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>