将十六进制或二进制转换为十进制,并将十进制转换为十六进制或二进制JavaScript示例...

将十六进制数转换为十进制数,并将十进制数转换为十六进制数
这是一个非常简单的脚本,可将十进制数字转换为十六进制值,并将十六进制值转换为十进制数字。 此示例后面的示例演示了如何将十进制数转换为二进制值。
十六进制数字是一个字符串,其中包含介于0到9之间的数字和字符AF; 其中A = 10,B = 11,...,F =15。(有关更多信息,请查询(google)十六进制数字。)
考虑到这一点,很明显,您需要调用Number对象的toString()方法才能将Number转换为十六进制值。 当您调用toString()方法时,只需将其作为参数传递16,它将以基数16(十六进制)显示数字。
要将十六进制数转换为十进制数,可以使用parseInt()方法 。 您通过此方法将包含十六进制值的字符串作为第一个参数,将16用作第二个参数,以指示该字符串是一个以16为底的数字。 这将返回一个数字对象,该对象是与十六进制值等效的十进制(以10为底)。

<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head></head>
  <body>
    <script type="text/javascript">
      function ConvertToHex(){
        var numberValue = document.getElementById('NumberInput').value;
        var decNumber = Number(numberValue);
        var hexNumber = decNumber.toString(16).toUpperCase(); 
        document.getElementById('Result').value = hexNumber;
      }
      function ConvertToDec(){
        var hexNumber = document.getElementById('NumberInput').value;
        var decNumber = parseInt(hexNumber,16);
        document.getElementById('Result').value = decNumber;
      }
    </script> 
    <div style="text-align:center">
      Number: <input type="text" id="NumberInput"></input>
      Result: <input type="text" id="Result"></input>
      <br/>
      <button onclick="ConvertToHex();">Convert To Hex</button>
      <button onclick="ConvertToDec();">Convert To Decimal</button>
      <br />
    </div>
  </body>
</html>
将二进制数转换为十进制数,并将十进制数转换为二进制数
此技术可用于将数字转换为所需的任意基数! 例如,如果要将十进制数转换为二进制,则只需使用2而不是16:

<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head></head>
  <body>
    <script type="text/javascript">
      function ConvertToBinary(){
        var numberValue = document.getElementById('NumberInput').value;
        var decNumber = Number(numberValue);
        var binaryNumber = decNumber.toString(2).toUpperCase(); 
        document.getElementById('Result').value = binaryNumber;
      }
      function ConvertToDec(){
        var binaryNumber = document.getElementById('NumberInput').value;
        var decNumber = parseInt(binaryNumber, 2);
        document.getElementById('Result').value = decNumber;
      }
    </script> 
    <div style="text-align:center">
      Number: <input type="text" id="NumberInput"></input>
      Result: <input type="text" id="Result"></input>
      <br/>
      <button onclick="ConvertToBinary();">Convert To Binary</button>
      <button onclick="ConvertToDec();">Convert To Decimal</button>
      <br />
    </div>
  </body>
</html>
编码愉快!
-弗林尼

From: https://bytes.com/topic/javascript/insights/867841-converting-hex-binary-decimal-decimal-hex-binary-javascript-example

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值