`
elemark
  • 浏览: 231692 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

常用javascript小函数汇总

阅读更多

1. javascript 四舍五入函数

 

function sswr(zhi)//四舍五入
{
	var val = Number(zhi);//格式强转换一下,挺有必要的

	val = Math.round(val*Math.pow(10,2))/Math.pow(10,2);
	return val;
}

 

比网上的多了一个格式强转换,这是在项目实际实施中遇见问题后改进的。java和javascript的float的存储问题,造成个别数值会出现小数点儿后发生问题的情况。例如在页面上的75.755,被存储成float型,就有可能是75.75499999999....

这种情况下,保留两位小数的四舍五入就会出现0.01的误差呵呵,加上个强转换能尽量减少这个情况,目前这个四舍五入的函数还没有出现误差。

 

2.javascript 的 trim() ,去掉前后空格

javascript本身没有trim()函数,所以如果在javascript中需要用到去掉某个字符串变量的前后空格,就要自己写一个trim()函数了:

function trim(str)//去掉首尾空格
{
   return str.replace(/(^\s*)|(\s*$)/g, "");
}

 

用的是正则表达式,具体正则表达式的原理,我也不懂,对正则表达式了解太少。

 

3.控制客户在页面的输入,限制页面录入,限制部分字符的录入。只允许录入数字

想要控制页面某个inputbox的输入,只能录入数字和小数点,不允许录入字母字符和汉字

首先,在页面的inputbox加上控制:

<input type="text" name="name" value="0.0" 
onFocus="this.select();" style="ime-mode:disabled"  onKeyPress="checkkey(this);" onBlur="setZ(this);"  
>

 

其中 style的控制让用户不能在本inputbox中使用输入法,禁用input的输入法;

onKeyPress的事件是当这个控件获得焦点之后,任意的键盘敲击都会引发checkkey(this)这个函数;

onBlue的事件就是当这个控件失去焦点之后,运行setZ(this)这个函数

其中checkkey(this)这个函数的代码如下:

function checkkey(inputbox)
{
		var obj = inputbox;//取得页面控件
		var cellvalue = obj.value;//取得页面控件的值
		if( (cellvalue.indexOf(".") >= 0)&&(event.keyCode==46) )
		{//如果页面控件的文本中已经有了'.'小数点这个字符,并且客户按下了键盘上“。”这个键
			event.returnValue = false;//页面对客户的按钮动作不响应
		}//不能多输入“.”字符
				
		if ( (event.keyCode < 48||event.keyCode > 57)&&(event.keyCode!=46) )
		{//客户录入的不是数字或者句号按键
			event.returnValue = false;//页面对客户的按钮动作不响应
		}
}

 其中,“。”这个键的event.keyCode==46,所以可以根据event.keyCode的值来判定用户敲击了哪个按键,是否要对客户的按键动作作出反应。具体event.keyCode的意义就是可以获取用户敲击了键盘的哪个键。

在上面的函数中,控制了用户只能录入数字和小数点,而且只能录入一个小数点。也有需要只能录入数字小数点和减号字符的函数,与此相似,也就不赘述了。

1
0
分享到:
评论

相关推荐

    JavaScript常用工具函数库汇总.docx

    JavaScript常用工具函数库汇总.docx

    JavaScript常用工具函数库汇总

    业务中比较常用的JavaScript工具函数,可以用在前端环境,也可以用在node服务端,统一整理,方便查阅,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下

    一些手写JavaScript常用的函数汇总

    主要给大家介绍了一些手写的JavaScript常用的函数,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧

    JavaScript常用工具函数汇总(浏览器环境)

    主要汇总了JavaScript常用的工具函数,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下

    JavaScript常用验证函数实例汇总

    本文实例汇总了JavaScript常用验证函数。分享给大家供大家参考。具体汇总如下: 一、字符串类验证 1. 长度限制 代码如下:[removed] function test() { if(document.a.b.value.length&gt;50) { alert&#40;“不能超过50...

    javascript字符串函数汇总

    本文给大家汇总介绍了常用的javascript字符串函数,分为自带函数和扩展函数2部分,希望大家能够喜欢。

    JavaScript常用工具函数大全

    主要介绍了JavaScript常用工具函数,汇总整理了各种JavaScript常用工具函数,包括获取、判断、转换、设置等相关功能函数的定义与使用方法,需要的朋友可以参考下

    JavaScript基础函数整理汇总

    这里给大家整理汇总了一些javascript的基础函数,都是比较常用和实用的。整理出来也有助于大家更好的理解javascript。 代码如下: [removed]  /*创建函数和字面量函数*/  /*  function add(){  alert&#40;“函数...

    MyUtils:常用JavaScript工具函数

    MyUtils 平时汇总JavaScript工具函数,在日常开发中可能会用到,希望对大家有所帮助〜 暂时分为下面几大类 持续更新中... 有问题或者没有自己想要的工具函数,欢迎

    javascript函数自动执行常用方法汇总

    本文给大家汇总介绍了3种javascript函数自动执行的常用方法,非常的简单实用,有需要的小伙伴可以参考下

    JavaScript数组操作函数汇总

    不过不会针对每个办法都进行一下总结,只是针对一些比较常用的做个备注一下。 这里总结到的 js 数组操作函数有:push,pop,join,shift,unshift,slice,splice,concat (1)push 和 pop 这两个函数都是对数组从...

    JavaScript数组常用操作技巧汇总

    本文实例汇总了JavaScript数组的常用操作技巧。分享给大家供大家参考。具体如下: 前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法。这里无非是...

    很全面的JavaScript常用功能汇总集合

    主要为大家分享了一份很全面的JavaScript常用功能汇总集合,一些常用的额JS 对象、基本数据结构、功能函数等,感兴趣的小伙伴们可以参考一下

    JavaScript常用脚本汇总(二)

    在 JavaScript 中, 函数中的隐藏变量 arguments 和用 getElementsByTagName 获得的元素集合(NodeList)都不是真正的数组,不能使用 push 等方法,在有这种需要的时候只能先转换为真正的数组。 对于 arguments,...

    JavaScript详解(第2版)

     13.7.4 将事件传递给JavaScript函数   13.7.5 鼠标坐标   13.7.6 按键事件   13.8 处理事件的脚本模型   13.9 应知应会   练习   第14章 CSS与JavaScript   14.1 什么是CSS   14.2 什么是...

Global site tag (gtag.js) - Google Analytics