Js将十进制转换为十六进制?攻略教程_进制菜鸟教程

JavaScript中有很多内置函数可以帮我们进行数(进)制转换。那么给定一个十进制数字,如何将数字从十进制转换为十六进制?下面本篇文章就来给大家介绍一个使用JavaScript将十进制转换为十六进制的方法 。想要使用JavaScript将十进制转换为十六进制,可以通过使用toString()方法来完成。该方法接受转换进制基数的参数,这种情况下基数是16。语

Js将十进制转换为十六进制?攻略教程

JavaScript中有很多内置函数可以帮我们进行数(进)制转换。那么给定一个十进制数字,如何将数字从十进制转换为十六进制?下面本篇文章就来给大家介绍一个使用JavaScript将十进制转换为十六进制的方法 。

Js将十进制转换为十六进制?攻略教程_进制菜鸟教程

想要使用JavaScript将十进制转换为十六进制,可以通过使用toString()方法来完成。该方法接受转换进制基数的参数,这种情况下基数是16。

语法:

decimalNumber.toString( radix )

参数:它接受下面列出的两个参数

● decimalNumber:保存需要转换的十进制格式数字。

● base:它包含数字转换系统的基数,表示转换的进制数。

示例1:将数字20转换为十六进制

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			p{
				font-size: 20px;
			}
		</style>
	</head>

	<body>
		<p id="up"></p> 
		<p id="down"></p> 
		<script>  
	        var Var = 20; 
	        var up = document.getElementById("up"); 
	        up.innerHTML = "十进制数字为:"+Var; 
	        var down = document.getElementById("down"); 
	        var Var2 = Var.toString(16);  
	        down = document.getElementById("down"); 
	        down.innerHTML = "转换为十六进制为: "+ Var2;
	    </script>
	</body>
</html>

示例2:将数字100转换为其八进制数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			p{
				font-size: 20px;
			}
		</style>
	</head>

	<body>
		<p id="up"></p> 
		<p id="down"></p> 
		<script>  
	        var Var = 100; 
	        var up = document.getElementById("up"); 
	        up.innerHTML = "十进制数字为:"+Var; 
	        var down = document.getElementById("down"); 
	        var Var2 = Var.toString(8);  
	        down = document.getElementById("down"); 
	        down.innerHTML = "转换为十六进制为: "+ Var2;
	    </script>
	</body>
</html>
海计划公众号
(0)
上一篇 2020/03/26 23:28
下一篇 2020/03/26 23:28

您可能感兴趣的内容

  • learun零基础入门_快速开发平台,Web可视化开发

    learun零基础入门 官方网址:http://www.learun.cn/ 简介描述:快速开发平台,Web可视化开发 力软新一代快速开发框架,内置工作流、表单、权限等众多实用组件…

    2020/03/06
  • Webpack插件开发简要使用教程_插件零基础入门

    背景如今‘大前端’这个概念在前端界大热,说‘大前端’,我们就要提到‘前后端分离’,‘前后端分离’又离不开‘本地开发构建’,‘本地开发构建’自然离不开webpack,webpack想要工作,那它就需要各种插件的支持,O(∩_∩)O哈哈~,逗了一大圈,终于引出了主题。相信有不少童鞋在平时的项目开发中使用过Webpack Plugins,然而大部分人真是‘使用’啊

    2020/03/23
  • 让你的 React 组件跑得再快一点小白指南_性能使用教程

    性能和渲染(Render)正相关React 基于虚拟 DOM 和高效 Diff 算法的完美配合,实现了对 DOM 最小粒度的更新。大多数情况下,React 对 DOM 的渲染效率足以我们的业务日常。但在个别复杂业务场景下,性能问题依然会困扰我们。此时需要采取一些措施来提升运行性能,其很重要的一个方向,就是避免不必要的渲染(Render)。渲染(Render)

    2020/03/22
  • 性感与色情有多远小白基础你不知道的图片鉴黄那些事_图片小白知识

    图片鉴黄服务市场容量巨大,作为移动互联网行业最为热门的创业领域,移动社交类App每天生产大量图片,并有无数色情图片混杂其中,所以高效准确地鉴别和剔除淫秽色情信息成为一项十分艰巨的任务。此外,移动直播的大热也导致图片鉴黄需求大增,尤其对于中小开发团队而言,直播平台很可能因为人力监管问题而在涉黄审核方面出现风险。而自主研发鉴黄功能或增加审核人员又会增加产品和服务

    2020/04/05
  • CSS的书写规范和顺序基础指南_规范基础入门

    关于CSS的书写规范和顺序,是大部分前端er都必须要攻克的一门关卡,如果没有按照良好的CSS书写规范来写CSS代码,会影响代码的阅读体验。这里总结了一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的。CSS书写顺序 1.位置属性

    2020/03/24
  • Vue中用canvas实现二维码和图片合成海报菜鸟教程网_海报入门指南

    在项目中经常会遇到需要将不同的二维码放到一张通用图片上,提供用户下载,简单来说,就是利用canvas将同等比例的二维码在图片上叠加,生成海报1. 设置相应比例一般来说海报背景都是固定的,可以直接放在public文件夹,二维码可根据后台返回数据,也可用canvas生成,在此不多赘述import posterBgImg from ‘../public/image

    2020/03/30
  • 编写可维护的Js代码小白知识_代码使用帮助

    基本格式化4空格缩进不省略分号(在原生及使用工具函数的情况不建议省略,在使用比较完善的框架如vue或者自己配置好 webpack 时可以省略)1行代码长度不超过80个字符(个人比较推荐,毕竟编辑器的自动换行有时真的很难受)运算符后换行,换行后增加2个缩进单位(变量赋值换行,变量保持和上一行等号右侧第一个变量对齐)空行,流控制语句之前,方法之间,变量和第一条语

    2020/03/22
  • 十个推荐使用的 Laravel 的辅助函数入门基础知识_Laravel入门基础知识

    Laravel 包含各种全局辅助函数。 laravel 中包含大量辅助函数,您可以使用它们来简化开发工作流程。 在这里,我将编写10个最好的 laravel 帮助函数,用于使我的开发更容易。 您必须考虑在必要时使用它们。您还可以查看所有的官方文档 laravel helper functions.array_dot()array_dot() array_do

    2020/03/30
  • 如何用nodejs实现前后端传值?使用帮助_node菜鸟攻略

    nodejs前后端传值即前后端的数据交互,nodejs中的数据提交有两种方式GET方法和POST方法,下面我们来看一下如何使用这两种方法实现nodejs前后端的传值。nodejs实现前后端传值的方法如下:1、使用GET方式实现前后端数据提交:GET方式数据放在url里进行提交,容量有限,有缓存//GET表单.html
    <html

    2020/03/24
  • js实现放大镜效果菜鸟教程网_效果小白常识

    使用电脑逛淘宝,京东等商城时,将鼠标移入图片中,图片会放大,之前一直在想这种是怎么实现的,前两天刚写出来,纯js实现的,无任何工具库。下面先来看下思路吧!刚学js的时候可能对于布局不是很重要,但学到面向对象编程后,布局就变得很重要了,有时候布局会影响到整体效果;先来看下布局吧!<img

    2020/03/26
  • js洗牌算法:javascript数组随机打乱顺序的实现方法菜鸟教程下载_算法入门基础知识

    有一个数组,我们需要通过js对数组的元素进行随机排序,然后输出,这其实就是洗牌算法,首页需要从元素中随机取一个和第一元进行交换,然后依次类推,直到最后一个元素。Fisher-Yates算法function randArr(arr){for(var i=0;i<arr.length;i++){var random = Math.floor(Math.rando

    2020/04/06
  • material-ui指南教程采用 Material Design风格的React UI组件

    material-ui基础教程 官方网址:http://www.material-ui.com GitHub:https://github.com/mui-org/material…

    2020/03/06
  • Awwwards小白教程_权威的网站设计评选平台,了解最新网站设计趋势。

    Awwwards使用帮助 官方网址:https://www.awwwards.com/ 简介描述:权威的网站设计评选平台,了解最新网站设计趋势。 Awwwards are the …

    2020/03/06
  • qrcode.js入门基础_一个用于生成二维码的js插件

    qrcode.js入门基础 官方网址:https://github.com/davidshimjs/qrcodejs GitHub:https://github.com/david…

    2020/03/06
  • 精打细算浏览器空闲时间小白知识_浏览器菜鸟攻略

    来自:奇舞周刊,作者:黄小璐 有时候我们希望在浏览器中执行一些低优先级的任务,比如记录统计数据、做一些耗时的数据处理等,暂且将其称为后台任务。这些任务跟动画计算、合成帧、响应用户输入等高优先级的任务共享主线程。我们可能会面临这样的问题:正在执行的后台任务很耗时,会阻塞高优先级任务的执行,出现卡顿或者无响应的情况。有同学提出建议:把后台任务拆分到最小的可执行

    2020/04/03
  • jqPaginator.js攻略教程一款强大的jquery分页插件

    jqPaginator.js指南攻略 官方网址:http://jqpaginator.keenwon.com/ GitHub:https://github.com/keenwon/…

    2020/03/06