在前面的章节中，我们知道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. 浅谈Servlet(三)

    一.三种作用域 作用域:web开发中用于存储和获得数据. 1.request 一次请求有效,在forward跳转时可用request作用域传递数据. 2.session client不变,sessio ...

  2. [Jobdu] 题目1367：二叉搜索树的后序遍历序列

    题目描述: 输入一个整数数组,判断该数组是不是某二叉搜索树的后序遍历的结果.如果是则输出Yes,否则输出No.假设输入的数组的任意两个数字都互不相同. 输入: 每个测试案例包括2行: 第一行为1个整数 ...

  3. Session累计用户数据列表

    OrderForm.html <body>  <center>  <h1 ><font size="20">Order Items& ...

  4. 解决MySQL 一闪而过的情况

       首先进入cmd 切入MySQL的安装目录,然后切入 bin 目录 ,输入mysqld -n t --skip-grant-tables命令. 这个 cmd 窗口先不要关闭, 打开另一个窗口 登陆 ...

  5. IntelliJ IDEA中创建并运行scala应用程序

    1.安装scala插件 2.创建scala项目 下载scala SDK,如果你已经下载了,选择你所下载的版本,点击OK

  6. 转：js不同类型对象的比较规则

    Type(x) Type(y) Result type(x)==type(y) x===y otherwise... false null undefined true undefined null ...

  7. http://blog.csdn.net/baimafujinji/article/details/10931621

    书接上文,本文章是该系列的第二篇,按照总纲中给出的框架,本节介绍三个中值定理,包括它们的证明及几何意义.这三个中值定理是高等数学中非常基础的部分,如果读者对于高数的内容已经非常了解,大可跳过此部分.当 ...

  8. Backbone入门教程

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  9. C# MyNewQueue 消息队列

    C# using System; using System.Messaging; using System.Drawing; using System.IO; namespace MyProject ...

  10. ASP.NET Calendar 控件

    ASP.NET Calendar 控件 http://www.w3school.com.cn/aspnet/control_calendar.asp