将十六进制或二进制转换为十进制,并将十进制转换为十六进制或二进制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

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页