js效果----积累

简介: 1、限制用户只能输入数字和小数点:   2、利用js获取系统当前时间:   new Date().toLocalString();//这样就可以获取到系统当前的时间,并会按照所在地区的显示方式进行显示;     3、利用Jquery使Iframe的高度自适应其内容的高度   $(function() { $("#mainFrame").

1、限制用户只能输入数字和小数点:

<input type="text"  onkeypress="var k=event.keyCode; if ((k==46)||(k<=57 && k>=48)) return true;else return false"/>

 

2、利用js获取系统当前时间:

 

new Date().toLocalString();//这样就可以获取到系统当前的时间,并会按照所在地区的显示方式进行显示;

 

 

3、利用Jquery使Iframe的高度自适应其内容的高度

 

	<script type="text/javascript">
		$(function() {
			$("#mainFrame").load(function() {
				$(this).height(100);
				var contentHeight = $(this).contents().height() + 30;
				$(this).height(contentHeight);
			});
		});
	</script>

 上面第一个$(this).height(100)是先把该Iframe的高度设成一个比较小的值,这样当Iframe的内容高度比较高的时候就会把它撑开,使其内容的高度正好是真实内容的高度;否则当你的Iframe撑开的比较大的时候,假如是2000,这个时候你重新加载一个页面的内容高度只有200的时候,实际上该Iframe的内容高度还是2000。所以在上面代码中我们在Iframe内容加载完成之后先把该Iframe的高度调整为比较小的值,然后再取当前Iframe的内容高度赋值给当前Iframe的高度,这样就可以使Iframe的高度随着真实内容的高度变化而变化。

		<div id="right">			
			<iframe name="mainFrame" id="mainFrame" src="index.jsp" scrolling="no" style="overflow-x: hidden;" width="800"  frameborder="0"></iframe>
		</div>

 

4、数字和千分位互转

        (1)最多两位小数的数字转千分位

	function addComma(num) {
		return num.toString().replace(/(\d)(?=(\d{3})+(\.\d{1,2})?$)/g, "$1,");
	}

 

 

        (2)千分位转数字

	function removeComma(numStr) {
		var result = numStr.replace(/,/g, "");
		var numReg = /^\d+(\.\d+)?$/;
		if (numReg.test(result)) {
			return parseFloat(result);
		}
		return 0;
	}

 

 

 

 

 

 

 

 

  

 

 

 

目录
相关文章
|
10月前
|
监控
产品经理------需求文档(上)
产品经理------需求文档(上)
180 0
|
文字识别 关系型数据库 MySQL
MySQl数据库第四课-------------努力------努力------努力
MySQl数据库第四课-------------努力------努力------努力
|
移动开发 前端开发 JavaScript
系统学习前端----方向篇
系统学习前端----方向篇
系统学习前端----方向篇
|
前端开发 Java 应用服务中间件
计算机基础-----编码出现的原因、发展过程以及查看修改
计算机基础-----编码出现的原因、发展过程以及查看修改
163 0
计算机基础-----编码出现的原因、发展过程以及查看修改
|
Python
2022/11/14 学习之路---day2
2022/11/14 学习之路---day2
119 0
2022/11/13 学习之路---day1
2022/11/13 学习之路---day1
81 0
|
弹性计算 Linux 云计算
飞天加速计划----在家实践报告
我是就读于广东财贸职业学院的一名大三学生,专业方向是云计算技术与应用。“飞天加速计划·高校学生在家实践”活动是我很早在玩机论坛(酷安)时就有所了解,刚好又遇上专业的老师推荐使用阿里云平台,就向我们介绍了活动。
104 0
|
测试技术 数据库 弹性计算
推动自测------案例分享
本文仅适用于弹性计算合作方同学使用,提升同学们的自测意识和自测效率,确保每一个需求在没有测试的情况下,都能高质量交付。
4877 0
推动自测------案例分享
|
应用服务中间件 云计算
阿里云企业服务器----现实三年三折------企业福利的选择
阿里云服务器优惠精选 近期阿里云在服务器价格优惠方面频频发力,连续推出了多种服务器优惠活动,尤其是8月份推出的2折限时抢活动。阿里云老用户需要购买优惠服务器的情况,可以参考:阿里云优惠活动限制老用户购买的解决方法 阿里云2000优惠券免费领取(阿里云优惠券的作用:购买阿里云产品,最后支付结算的时候,阿里云优惠券可抵扣一部分费用。
1750 0