`
234390216
  • 浏览: 10233100 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
博客专栏
A5ee55b9-a463-3d09-9c78-0c0cf33198cd
Oracle基础
浏览量:462628
Ad26f909-6440-35a9-b4e9-9aea825bd38e
springMVC介绍
浏览量:1775523
Ce363057-ae4d-3ee1-bb46-e7b51a722a4b
Mybatis简介
浏览量:1398371
Bdeb91ad-cf8a-3fe9-942a-3710073b4000
Spring整合JMS
浏览量:395023
5cbbde67-7cd5-313c-95c2-4185389601e7
Ehcache简介
浏览量:679990
Cc1c0708-ccc2-3d20-ba47-d40e04440682
Cas简介
浏览量:530894
51592fc3-854c-34f4-9eff-cb82d993ab3a
Spring Securi...
浏览量:1183955
23e1c30e-ef8c-3702-aa3c-e83277ffca91
Spring基础知识
浏览量:467938
4af1c81c-eb9d-365f-b759-07685a32156e
Spring Aop介绍
浏览量:151402
2f926891-9e7a-3ce2-a074-3acb2aaf2584
JAXB简介
浏览量:68154
社区版块
存档分类
最新评论

js效果----积累

阅读更多

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

 

 

 

 

 

 

 

 

  

 

 

 

分享到:
评论

相关推荐

    完美的JavaScript拖拽效果-dbx

    JavaScript是一种广泛应用于网页和应用程序的脚本语言,它在实现用户交互、动态内容以及网页...通过深入学习和实践,开发者不仅可以提升JavaScript技能,还能增强对用户体验设计的理解,为未来的项目开发积累宝贵经验。

    JavaScript--1024游戏源码

    7. **CSS样式和动画**:为了让游戏具有视觉效果,JavaScript可能与CSS结合,改变元素的样式,创建动画效果,如方块的移动和合并。 8. **浏览器兼容性**:由于JavaScript的实现存在差异,开发者需要确保代码在不同...

    Three.js-webgl物联网粮仓3D可视化

    在这个项目中,Three.js用于构建粮仓的3D模型,实现场景的渲染、光照、纹理等视觉效果,以及与用户的交互操作。 Vue.js是一款轻量级的前端框架,它简化了Web应用的构建过程,提供了组件化的开发模式,使得代码组织...

    js-project-1-源码.rar

    8. **CSS与JavaScript交互**:JavaScript可以用于操纵CSS样式,例如改变元素的颜色、大小、位置等,或者实现动画效果,这可能涉及到`style`属性或者`classList`接口。 9. **错误处理**:良好的错误处理是任何项目的...

    lufylegend.js-lufylegend-1.9.9

    2. **2D渲染引擎**:lufylegend.js提供了高效的2D渲染系统,可以创建复杂的动画效果和动态场景,同时支持精灵、图块地图、粒子系统等游戏常用元素。 3. **物理引擎集成**:内建Box2D物理引擎,让开发者可以轻松实现...

    javascript经典特效---文字阴影的抖动.rar

    在JavaScript的世界里,特效的实现丰富了网页的交互体验,其中文字阴影的抖动效果...对于初学者来说,理解并实践这个文字阴影抖动的例子,不仅可以提升对JavaScript动态效果的掌握,也能为日后的Web开发积累宝贵经验。

    花了好长时间积累的javascript效果1

    在"花了好长时间积累的javascript效果1"这个压缩包中,包含了一系列实用且全面的JavaScript小应用代码,总计约有150个,涵盖了各种常见的特效和功能。 1. **DOM操作**:JavaScript的核心能力之一就是对文档对象模型...

    js效果源码(包含有jquery)效果

    JavaScript(简称JS)和jQuery是Web开发中两个重要的前端技术,它们在网页动态效果和交互设计上发挥着关键作用。本书“js效果源码(包含有jquery)效果”显然是为初学者提供了一套丰富的实例资源,帮助他们更好地...

    js仿照 蚂蚁森林 效果

    在本文中,我们将深入探讨如何使用JavaScript、CSS和Angular来实现类似蚂蚁森林的效果。蚂蚁森林是支付宝中的一个互动应用,用户可以通过完成环保行动积累能量,虚拟种植树木,从而提高公众的环保意识。以下是我们...

    花了好长时间积累的javascript效果2

    这个压缩包“花了好长时间积累的javascript效果2”显然包含了一系列实用且全面的JavaScript代码示例,总计近150个,这些小应用覆盖了各种常见的网页特效和功能。 1. **基础特效**:JavaScript的基础特效包括页面...

    javascript经典特效---特殊文字的制作.rar

    2. JavaScript库:jQuery、Anime.js、GreenSock等JavaScript库提供了丰富的动画功能,可以轻松实现特殊文字的动态效果。 3. 文字描边动画:利用JavaScript控制CSS的`stroke-dashoffset`属性,可以实现文字描边的...

    0原生js-面向对象-无缝轮播图.zip

    在JavaScript编程中,原生JS指的是不依赖任何第三方库或框架,直接使用JavaScript语言本身来实现功能。本项目"0原生js-面向对象-...这种实践不仅加深了对JavaScript和面向对象编程的理解,也为网页开发积累了宝贵经验。

    花了好长时间积累的javascript效果,制作网页的必备利器

    这个压缩包集合了作者长时间积累的各种JavaScript效果,对于网页制作来说是极其宝贵的资源库。 首先,让我们来深入了解一下JavaScript在网页制作中的重要性。JavaScript能够实现用户与网页的实时互动,例如响应用户...

    多年收集积累的JavaScript /jQuery插件/UI资料合集(90个).zip

    多年收集积累的JS、jQuery插件、UI集合(90个),前端学习资料 11款JQuery动画效果的导航菜单‘等资料 15jQueryDemo.rar 3DGallery.zip bootstrap-3.3.2-dist.zip bootstrap-3.3.2.zip easyUI 1.4.4 Demo easyzoom....

    鼠标效果,js

    "鼠标效果,js"这一主题关注的就是如何利用JavaScript来实现一种特定的交互效果——当鼠标移动时,页面上会出现碎花方块的移动痕迹。这样的效果可以为网站增添动态美感,吸引用户的注意力。 JavaScript是一种强大的...

    javascript积累

    在"javascript效果积累"这一主题下,可能涵盖了以下内容: 1. DOM操作:JavaScript与HTML文档对象模型(DOM)的交互是实现网页动态效果的关键。这包括选择元素(querySelector、querySelectorAll)、创建和修改元素...

    牛客-js45题-代码

    开发者可能会被要求实现某种特定功能,如数据处理、用户交互、动画效果等,这些都是在编写JavaScript插件时常见的任务。 在“2024.3.8_js_code”这个压缩包文件中,可能包含了按照日期(2024年3月8日)组织的...

    一些实现JS效果的源码

    本资料包“一些实现JS效果的源码”包含了作者在实践中积累的各种JavaScript效果的教程和源代码,非常适合初学者学习和开发者参考。 首先,我们可以从“PPT”这个标签推测,这个资源可能包含了一个或多个关于...

    Node.js-FlipViewPager.Draco提供一个可以的ListView中使用人工作页面翻转效果

    【标题】"Node.js-FlipViewPager.Draco提供一个可以的ListView中使用人工作页面翻转效果"涉及的是Android开发中的一个组件优化技术,主要针对ListView的交互体验进行提升。在传统的ListView中,用户在滚动时,页面...

Global site tag (gtag.js) - Google Analytics