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

javascript 应用的一些小窍门

阅读更多
[color=olive]1.javascript innerHTML用法事例[/color]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	function changeNodeContent(id,content){
		var element = document.getElementById(id);
		element.innerHTML = content;
	}
  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
  <TABLE>
  <TR>
	<TD id="a">aaa</TD>
	<TD id="b">bbb</TD>
	<TD id="c">ccc</TD>
	<TD id="d">ddd</TD>
	<TD id="e">eee</TD>
  </TR>
  <TR>
	<TD>AAA</TD>
	<TD>BBB</TD>
	<TD>CCC</TD>
	<TD>DDD</TD>
	<TD>EEE</TD>
  </TR>
  </TABLE>
 </BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
	alert("stop");
	changeNodeContent('c','zzz');
//-->
</SCRIPT>
</HTML>

[color=olive]2.javascript中对于变量运算的处理(javascript中没有数据类型类型的概念,所以我们在进行变量运算的时候应当做些合适的处理)[/color]
像下面的事例,我们就用了两个方法。

@2.1:parseFloat(),parseInt()对与0.0,0类型的变量做了相应的变化(也就是说我们最后得到的spje仍是0.0类型的,spsl仍是0类型的,相当与java中的double,和int)
@2.2:我们也可以直接*1的方式也可以得到同样的结果,例如:document.getElementById("jr1"+i).value*1,document.getElementById("sl1"+i).value*1也可以得到我们想要的形式,否则,我们对于两个变量的操作将是字符串的连接)

	var spje=0.0;//商品价格
	var spsl=0;//商品数量
	for(var i = 1 ; i<=10 ; i+
	  	spje += parseFloat(document.getElementById("jr1"+i).value);//得到所有商品价格的和
		spsl += parseInt(document.getElementById("sl1"+i).value);//得到所有商品数量的和		
	}
[color=olive]
3.javascript中对于空的判断[/color]
javascript
当我们在使用javascript时,判断输入框是否为空,不能
document.getElementById("jr").value==null,但是可以
document.getElementById("jr").value==""这样判断




分享到:
评论

相关推荐

    Javascript小技巧之生成html元素.docx

    3. **javascript应用小技巧方法汇总**:收集了各种JavaScript应用中的小窍门,有助于提升编程效率。 4. **Javascript常用小技巧汇总**和**JavaScript常用小技巧小结**:这些文章提供了许多JavaScript编程中的常见...

    The JavaScript Anthology.pdf

    《JavaScript宝典:101个必备技巧、窍门与黑客技术》由James Edwards和Cameron Adams撰写,是一本深入探讨JavaScript编程语言及其在网页开发中应用的专业书籍。本书不仅覆盖了JavaScript的基础知识,还深入讲解了...

    javascript高级应用

    介绍和理清头绪,并介绍几个小技巧,重点介绍一种新的 if-then-else语句以及变量真正含义。 第2日: 神奇的字符串处理,保存访问过你的网站得读者的信息, 并介绍一种新的数组。 第3日: 甚至网页的时间线,使...

    The.JavaScript.Anthology.101.Essential.Tips.Tricks.Hacks

    《JavaScript Anthology: 101 Essential Tips, Tricks & Hacks》是一本专注于JavaScript编程实践的书籍,旨在帮助开发者提升JavaScript技能,掌握一系列实用的技巧、窍门和黑客技术。这本书的内容涵盖了AJAX、CSS、...

    javascript小技巧

    这个"javascript小技巧"的压缩包显然包含了诸多实用的JavaScript技术与窍门,旨在帮助初学者快速上手,同时也为有经验的开发者提供进一步提升技能的资源。以下是基于标题、描述和文件名推测出的一些JavaScript知识点...

    JavaScript 精髓 书中完整代码

    本书《JavaScript 精髓》由James Edwards编著,旨在通过101个关键的技巧、窍门和黑客方法,帮助读者深入理解和掌握JavaScript的核心概念,提升编程技能。书中的"code-archive"文件夹包含了所有示例代码,便于读者...

    Advanced Javascript

    - **在线资源**:附录D列举了一些有用的在线资源,包括官方文档和技术博客等,这些都是学习JavaScript不可或缺的参考资料。 通过阅读本书《高级JavaScript第二版》,读者不仅能够系统地学习到JavaScript的各个方面...

    The JavaScript Anthology

    通过本书提供的101个实用技巧、窍门及黑客技术,读者可以更加高效地掌握JavaScript的核心功能,并应用于实际项目中。 #### 二、作者介绍 - **James Edwards**:拥有丰富的前端开发经验,在JavaScript领域有着深厚...

    JavaScript奇技淫巧45招 _ 不可能不确定1

    这篇文章总结了45个实用的JavaScript技巧、窍门和最佳实践,旨在帮助开发者编写更清晰、更高效的代码。 1. **变量声明**:在首次为变量赋值时,务必使用`var`关键字。这是为了避免无意中创建全局变量,因为未声明的...

    Advanced Game Design with HTML5 and JavaScript

    - **第1章:进阶** —— 介绍了新的JavaScript技巧和窍门,包括ES6中引入的一些特性。 - **第2章:Canvas绘图API** —— 讲解如何在屏幕上绘制图形,并利用这些图形创建可重复使用的游戏组件。 - **第3章:处理游戏...

    JavaScript优化方法.doc

    这些内存泄漏的出现,往往是由于 Javascript 对象与对象之间的循环应用。 七、使用 WEB Workers 技术(支持 html5 的浏览器) Web Workers 为 JavaScript 提供了一种能在后台进程中运行的方式。

    asp.net+各种小窍门

    综上所述,ASP.NET提供了丰富的功能和机制,包括数据绑定、字符串处理、页面操作、事件响应和外部服务集成等,这些都是开发动态网页应用时非常实用的小窍门。掌握这些技巧,可以显著提升Web应用程序的性能和用户体验...

    不是严肃的JavaScript全栈

    13. **Tips and Tricks**:提示和技巧,可能是作者在开发过程中积累的一些实用小窍门。 14. **Fullstack JavaScript**:全栈JavaScript开发,强调使用JavaScript技术栈完成从前端到后端的开发。 15. **Job Search*...

    js-bullshit-blog:小声比比 JavaScript,我说的都是错的

    最后,小技巧这部分可能涵盖了一些JavaScript中的实用窍门,比如利用ES6的解构赋值简化代码,使用箭头函数保持作用域链的简洁,或者通过模板字符串提高字符串拼接的效率。这些小技巧能让代码更易读、更优雅。 总的...

    XML 诀窍(CHM)

    2. AJAX(异步JavaScript和XML)利用XML进行后台数据交互,实现了网页的无刷新更新。 3. RSS(简易信息聚合)和Atom是基于XML的新闻订阅格式,使用户能方便地跟踪网站更新。 XML的命名空间: 1. 为了避免标签冲突,...

    caf-com-java:dicas sobre javascript

    这篇内容将深入探讨“caf-com-java:dicas sobre javascript”这一主题,旨在提供一些实用的JavaScript知识和窍门,帮助你提升编程技能。 首先,我们来聊聊JavaScript的基础。JavaScript是一种广泛使用的解释型、弱...

    50条网页制作小技巧集锦.pdf

    以上技巧是网页制作中的一些实用小窍门,它们可以帮助优化网页的视觉效果、交互性和可访问性。在实际应用中,还需要结合HTML、CSS和JavaScript的基本知识,以及对用户需求的理解,才能创建出既美观又易用的网页。

    PHP深度分析:101个核心技巧、窍门和问题解决方法(原书第2版).pdf+PHP 内核文档.chm

    《PHP深度分析:101个核心技巧、窍门和问题解决方法》是PHP开发者的一本宝贵资源,这本书深入探讨了PHP编程中的...无论是进行网站开发、构建Web应用,还是进行服务器端的复杂逻辑处理,这些知识都将提供强大的支持。

    devKnowledge:MERN堆栈应用程序设计为社交媒体平台,供开发人员共享编程技巧和窍门

    "JavaScript" 标签表明该应用程序的核心开发语言是JavaScript,这是一种广泛应用于Web开发的脚本语言。JavaScript在MERN堆栈中起着至关重要的作用,它不仅用于前端交互,还通过Node.js驱动后端服务。 **文件名称...

Global site tag (gtag.js) - Google Analytics