html 设计进制转换 vue

最新推荐文章于 2023-01-05 11:28:01 发布

开始即是结束

最新推荐文章于 2023-01-05 11:28:01 发布

阅读量1.1k

点赞数

分类专栏： html 文章标签： html vue.js javascript

本文链接：https://blog.csdn.net/qq_54780911/article/details/121838577

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

主要用到 toString() 和 parseInt()

parseInt(String a,int n) 能把字符串a 变成变成十进制数字返回，n用于指定其是多少进制,但是 n不能不符合要求，如：

字符串为“4560” 但是n却填2，很明显其不是二进制

而字符串为“1111” 可以填2，它会返回十进制 15

有了十进制数字，就可以把它变成任意进制

Number . toString(int n) 能把十进制的Number变成 n进制的字符串返回

下面用Vue 框架来演示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <script src="https://unpkg.com/vue@next"></script> -->
		<script src="./js/v2.6.10/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
		二进制：<input type="text" v-model="b"/><input type="button" value="转换" @click="bto()"/><br>
		八进制：<input type="text" v-model="o"/><input type="button" value="转换" @click="oto()"/><br>
		十进制：<input type="text" v-model="d"/><input type="button" value="转换" @click="dto()"/><br>
		16进制：<input type="text" v-model="h"/><input type="button" value="转换" @click="hto()"/><br>
		</div>
		<script>
			let v=new Vue({
				el:"#app",
				data:{
					b:0,
					o:0,
					d:0,
					h:0,
					name:"dfs"
				},
				methods:{
					bto(){
						var a=parseInt(v.b,2);
						v.o=a.toString(8);
						v.d=a;
						v.h=a.toString(16);
					},
					oto(){
						var a=parseInt(v.o,8);
						v.b=a.toString(2);
						v.d=a;
						v.h=a.toString(16);
					},
					dto(){
						var a=parseInt(v.d,10);
						v.b=a.toString(2);
						v.o=a.toString(8);
						v.h=a.toString(16);
					},
					hto(){
						var a=parseInt(v.h,16);
						v.o=a.toString(8);
						v.d=a;
						v.b=a.toString(2);
					}
				}
			})
			
		</script>
	</body>
</html>

开始即是结束

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
html 设计进制转换 vue

主要用到 toString() 和 parseInt()parseInt(String a,int n) 能把字符串a 变成变成十进制数字返回，n用于指定其是多少进制,但是 n不能不符合要求，如：字符串为“4560” 但是n却填2，很明显其不是二进制而字符串为“1111” 可以填2，它会返回十进制 15有了十进制数字，就可以把它变成任意进制Number . toString(int n) 能把十进制的Number变成 n进制的字符串返回下面用Vue 框架来演...
复制链接

扫一扫