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

最新推荐文章于 2024-04-24 10:51:24 发布

cxygs5788

最新推荐文章于 2024-04-24 10:51:24 发布

阅读量221

点赞数

文章标签： javascript xhtml ViewUI

将十六进制数转换为十进制数，并将十进制数转换为十六进制数
这是一个非常简单的脚本，可将十进制数字转换为十六进制值，并将十六进制值转换为十进制数字。此示例后面的示例演示了如何将十进制数转换为二进制值。
十六进制数字是一个字符串，其中包含介于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>