在前面的章节中，我们知道JavaScript代码，字符和数字值当添加，将计值转换成字符，即用户输入的数目值它们被转换为字符。

如今我们要做这种样例，我想将1和2相加：

<HTML>

<HEAD>

	<TITLE>Hello World</TITLE>

</HEAD>

<BODY BGCOLOR="WHITE">

<SCRIPT Language="JavaScript" TYPE="text/javascript">

	var value1="1";

	var value2="2"

	var intValue=value1+value2;

	document.write(intValue);

</SCRIPT>

</BODY>

</HTML>

显然这结果并非我们想要的，如今我们将代码改成以下的样子：

<HTML>

<HEAD>

	<TITLE>Hello World</TITLE>

</HEAD>

<BODY BGCOLOR="WHITE">

<SCRIPT Language="JavaScript" TYPE="text/javascript">

	var value1="1";

	var value2="2"

	var intValue=parseInt(value1)+parseInt(value2);

	document.write(intValue);

</SCRIPT>

</BODY>

</HTML>

这结果才是我们想要的，1+2=3

也就是说我们parseInt()就能够把字符类型的转换成数值类型。

 假设是输入的值中有数值和字符串时，能否得到我们想要的数值？

看下以下的代码：

<HTML>

<HEAD>

	<TITLE>Hello World</TITLE>

</HEAD>

<BODY BGCOLOR="WHITE">

<SCRIPT Language="JavaScript" TYPE="text/javascript">

	var value1="2.34abc";

	var intValue=parseInt(value1);

	document.write(intValue);

</SCRIPT>

</BODY>

</HTML>

的确能获得一个数值。但得到的是2并非2.34，这是由于parseInt()函数它解析到的不是有效数值时会停止解析，当解析到.（点号）时就停止了解析，那如今我们如何才干获取到2.34，看以下的代码:

<HTML>

<HEAD>

	<TITLE>Hello World</TITLE>

</HEAD>

<BODY BGCOLOR="WHITE">

<SCRIPT Language="JavaScript" TYPE="text/javascript">

	var value1="2.34abc";

	var intValue=parseFloat(value1);

	document.write(intValue);

</SCRIPT>

</BODY>

</HTML>

通过代码我们能够知道，使用parseFloat()函数能够解析到一个浮点数。也就是我们想要得到的数值，

接下来看一个特例，假设输入的字符串中并没有有效的数值时，那使用这两个函数会得到什么。看以下代码：

<HTML>

<HEAD>

	<TITLE>Hello World</TITLE>

</HEAD>

<BODY BGCOLOR="WHITE">

<SCRIPT Language="JavaScript" TYPE="text/javascript">

	var value1="abc";

	var intValue=parseFloat(value1);

	document.write(intValue);

	var value2="daf";

	var floatValue=parseFloat(value2);

	document.write("\n"+floatValue);

</SCRIPT>

</BODY>

</HTML>

NaN值是JavaScript中的特殊值。表示不是一个数值。

转载请注明出处：http://blog.csdn.net/hai_qing_xu_kong/article/details/40892573 
  情绪控_

版权声明：本文博主原创文章，博客，未经同意，不得转载。

JavaScript语言基础知识6的更多相关文章

  1. JavaScript语言基础知识1

    我们想知道什么JavaScript.首先,我们必须知道JavaScript有什么特点? JavaScript究竟是什么?它是一种基于对象而且具有安全性的脚本语言,对.它是脚本语言.所以它有下面特点: ...

  2. JavaScript语言基础知识8

    这篇文章是对前面学习的知识进行总结: 1.JavaScript支持多种数据类型,如数值类型.字符串类型.布尔类型等. 2.在JavaScript中,字符串是用引號括起来的字符系列,转义字符能够用来表示 ...

  3. javascript语言基础知识

    一.JavaScript语法的引入方式. 1.直接引入(在html的head中直接引入js语法) <script> js语法 </script> 2.导入文件(以导入文件的方式 ...

  4. JavaScript语言基础知识10

    JavaScript中间if声明: <span style="font-size:18px;"><HTML> <HEAD> <TITLE& ...

  5. JavaScript语言基础知识7

    JavaScript该阵列是一个新概念. 我们可以使用newkeyword和Array()构造函数来解释 排列: <HTML> <HEAD> <TITLE>Hell ...

  6. JavaScript语言基础知识11

    JavaScript字符的比较. 在接下来的学习内容的开始,我们先来看一下alert()此功能,它是一个消息框. OK,接下来正式介绍代码: <HTML> <HEAD> < ...

  7. 快速掌握JavaScript面试基础知识(三)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  8. 快速掌握JavaScript面试基础知识(二)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  9. javascript的基础知识及面向对象和原型属性

    自己总结一下javascript的基础知识,希望对大家有用,也希望大家来拍砖,毕竟是个人的理解啊 1.1 类型检查:typeof(验证数据类型是:string) var num = 123; cons ...

随机推荐

  1. Java中Iterator(迭代器)的用法及其背后机制的探究

    在Java中遍历List时会用到Java提供的Iterator,Iterator十分好用,原因是: 迭代器是一种设计模式,它是一个对象,它可以遍历并选择序列中的对象,而开发人员不需要了解该序列的底层结 ...

  2. BZOJ 4010: [HNOI2015]菜肴制作( 贪心 )

    把图反向,然后按拓扑序贪心地从大到小选, 最后输出.set比priority_queue慢... --------------------------------------------------- ...

  3. jquery的extend()函数

    extend()是在写插件的过程中常用的方法,该方法有一些重载原型. 1.该方法的原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3.. ...

  4. Linq 入门 顺带 Func与Action

    Linq的优点: 查询是一种从数据源检索数据的表达式. 查询通常用专门的查询语言来表示. 随着时间的推移,人们已经为各种数据源开发了不同的语言:例如,用于关系数据库的 SQL 和用于 XML 的 XQ ...

  5. 修改html很实用的insertAdjacentHTML方法

    添加HTML内容与文本内容以前用的是innerHTML与innerText方法, 最近发现还有insertAdjacentHTML和 insertAdjacentText方法, 这两个方法更灵活,可以 ...

  6. 关于LD_DEBUG （转载）

    引用 LD_DEBUGThe dynamic library loader used in linux (part of glibc) has some neat tricks. One of the ...

  7. QT太多的内容和模块，怎么办？

    我有个问题,QT可以做许多不同的开源项目,而且每个QT新版本都那么内容,感觉学不过来.用不过来那么我们还应该学习和使用其它语言吗? 如果回答,在需要的时候学习,那么这句话意味着,这几年你基本上就局限于 ...

  8. Qt实战之开发软件数据获取助手（eventFilter处理鼠标按下，event处理鼠标松开）

    前段时间,受朋友委托,需要做一个能够获取别人软件文本框中内容的助手.当然这需要调用win api来解决问题.一开始,我想都没想,就用getWindowText()....居然没用,好郁闷.于是查msd ...

  9. 在GridView中实现全选反选的例子

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GridView控件.asp ...

  10. CKEditor 图片上传

    可以做如下配置: CKEDITOR.replace('editor1',{ filebrowserBrowseUrl:'/browser/browse.php', filebrowserUploadU ...