javscript数值类型转换
来源:互联网 发布:淘宝网小蚊子店铺 编辑:程序博客网 时间:2024/06/04 18:21
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>number转换</title>
</head>
<body>
输入: <input id="one" type="text" >
<button id="btn">点击转换为数字</button>
<h1>Number转换结果:<span id="show1"></span></h1>
<h1>parseInt转换结果:<span id="show2"></span></h1>
<h1>parseFloat转换结果:<span id="show3"></span></h1>
<script>
var input = document.getElementById('one');
var btn = document.getElementById('btn');
var show1 = document.getElementById('show1');
var show2 = document.getElementById('show2');
var show3 = document.getElementById('show3');
btn.onclick = function() {
// input输入框中的内容都是字符串形式,
// 使用Number转成数字
var result = Number(input.value);
console.log(result);
show1.innerHTML = result;
// input输入框中的内容都是字符串形式,
// 使用parseInt转成数字(整数),还可以指定进制去转换
result = parseInt(input.value);
// result = parseInt(input.value, 2);
// result = parseInt(input.value, 8);
// result = parseInt(input.value, 16);
console.log(result);
show2.innerHTML = result;
// input输入框中的内容都是字符串形式,
// 使用parseFloat转成 小数点
result = parseFloat(input.value);
console.log(result);
show3.innerHTML = result;
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>number转换</title>
</head>
<body>
输入: <input id="one" type="text" >
<button id="btn">点击转换为数字</button>
<h1>Number转换结果:<span id="show1"></span></h1>
<h1>parseInt转换结果:<span id="show2"></span></h1>
<h1>parseFloat转换结果:<span id="show3"></span></h1>
<script>
var input = document.getElementById('one');
var btn = document.getElementById('btn');
var show1 = document.getElementById('show1');
var show2 = document.getElementById('show2');
var show3 = document.getElementById('show3');
btn.onclick = function() {
// input输入框中的内容都是字符串形式,
// 使用Number转成数字
var result = Number(input.value);
console.log(result);
show1.innerHTML = result;
// input输入框中的内容都是字符串形式,
// 使用parseInt转成数字(整数),还可以指定进制去转换
result = parseInt(input.value);
// result = parseInt(input.value, 2);
// result = parseInt(input.value, 8);
// result = parseInt(input.value, 16);
console.log(result);
show2.innerHTML = result;
// input输入框中的内容都是字符串形式,
// 使用parseFloat转成 小数点
result = parseFloat(input.value);
console.log(result);
show3.innerHTML = result;
}
</script>
</body>
</html>
阅读全文
0 0
- javscript数值类型转换
- 类型转换 数值操作
- java 数值类型转换
- json_encode 数值类型转换
- 基本数值类型转换
- 数值类型转换练习
- python 数值类型转换
- 类型及数值类型转换
- [Java 数值] 数值类型之间的转换
- Java 中的数值类型转换
- python类型转换、数值操作
- python类型转换、数值操作
- python类型转换、数值操作
- python类型转换、数值操作
- python类型转换、数值操作
- python类型转换、数值操作
- python类型转换、数值操作
- python类型转换、数值操作
- mysql 模糊查询
- vi/vim如何添加或删除多行注释
- opengl实现PS中部分图像处理效果-正片叠底、逆正片叠底、颜色加深、减淡
- 使用简书,回顾第一次Linux双系统的成功安装过程
- sonar Analysis Parameters
- javscript数值类型转换
- 跨职能部门项目领导、管理与合作
- 当你在设置里修改字体大小的时候,到底在修改什么
- Logger日志级别说明及设置方法、说明
- 挑战程序竞赛系列(60):4.6树上的分治法(3)
- CSS学习笔记
- 根据二叉树的前序遍历和中序遍历构造二叉树
- hdu6201 思维+最长路(SPFA或Dijkstra)
- Android内存泄漏