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;
	}

 

 

 

 

 

 

 

 

  

 

 

 

目录
相关文章
|
7月前
|
调度 C++
学习记录----高并发
学习记录----高并发
|
敏捷开发 监控 测试技术
软件工程学习-----笔记 2022-1-4------------2022-1-14
软件工程学习-----笔记 2022-1-4------------2022-1-14
96 0
|
监控
产品经理------需求文档(上)
产品经理------需求文档(上)
226 0
|
SQL 存储 关系型数据库
MySQL数据库第十四课--------sql优化---------层层递进 2
MySQL数据库第十四课--------sql优化---------层层递进
|
SQL 关系型数据库 MySQL
MySQL数据库第十四课--------sql优化---------层层递进1
MySQL数据库第十四课--------sql优化---------层层递进
|
存储 关系型数据库 MySQL
MySQL数据库第三课 ------简单命令再进阶-------成为大牛必备2
MySQL数据库第三课 ------简单命令再进阶-------成为大牛必备
|
文字识别 关系型数据库 MySQL
MySQl数据库第四课-------------努力------努力------努力
MySQl数据库第四课-------------努力------努力------努力
|
索引 容器
陈伟视频21------30集
陈伟视频21------30集
70 0
|
关系型数据库 MySQL Linux
MySQL数据库第三课 ------简单命令再进阶-------成为大牛必备1
MySQL数据库第三课 ------简单命令再进阶-------成为大牛必备
|
算法 前端开发 定位技术
认知篇----硬件工程师的成才之路之经典
认知篇----硬件工程师的成才之路之经典
299 0
认知篇----硬件工程师的成才之路之经典