js效果——积累

来源:互联网 发布:个人博客 php 源码 编辑:程序博客网 时间:2024/06/05 19:02

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

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

 

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

 

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

 

 

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

 

Js代码
 收藏代码
  1. <script type="text/javascript">  
  2.     $(function() {  
  3.         $("#mainFrame").load(function() {  
  4.             $(this).height(100);  
  5.             var contentHeight = $(this).contents().height() + 30;  
  6.             $(this).height(contentHeight);  
  7.         });  
  8.     });  
  9. </script>  

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

Html代码
 收藏代码
  1. <div id="right">            
  2.     <iframe name="mainFrame" id="mainFrame" src="index.jsp" scrolling="no" style="overflow-x: hidden;" width="800"  frameborder="0"></iframe>  
  3. </div>  

 

4、数字和千分位互转

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

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

 

 

        (2)千分位转数字

Js代码
 收藏代码
  1. function removeComma(numStr) {  
  2.     var result = numStr.replace(/,/g, "");  
  3.     var numReg = /^\d+(\.\d+)?$/;  
  4.     if (numReg.test(result)) {  
  5.         return parseFloat(result);  
  6.     }  
  7.     return 0;  
  8. }  

 

 

0 0
原创粉丝点击