iis服务器助手广告广告

扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > node.js >js的math属性怎么用
  • 448

0
分享到

js的math属性怎么用

2024-04-02 19:04:59 448人浏览 安东尼
摘要

这篇文章主要为大家展示了“js的math属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“js的math属性怎么用”这篇文章吧。 <!DOCTYP

这篇文章主要为大家展示了“js的math属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“js的math属性怎么用”这篇文章吧。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script type="text/jscript">

// 算术对象Math

// 向上取整

console.info(Math.ceil(26.1));

// 向下取整

console.info(Math.floor(26.1));

// 四舍五入

console.info(Math.round(26.1));

// 绝对值

console.info(Math.abs(-26.1));

// 获取随机数 0-1（不包含）

console.info(Math.random());

// 推导:获取0-9之间的随机整数   乘以10再向下取整

var randomnum = Math.floor(Math.random()*10);

console.info("随机的整数（0-9）"+randomnum);

// 推导:获取四位随机整数,范围1000-9999

// 假设获取最小的随机数0  最大数-最小数+1

var num = Math.floor(Math.random()*(9999-1000+1));

console.info("随机的四位整数（1000-9999）"+num);

// Math.random()*((9999-1000+1)+1000);

// Math.floor(Math.random()*(9999-1000+1));

</script>

</head>

<body>

本次选择的颜色是：<span id="mycolor"></span><button onclick="selcolor();">选择颜色</button>

</body>

<script type="text/jscript">

// 如何给span元素的内容进行填充

// 1.选择span元素的对象

// var myspan = document.getElementById"mycolor";

// 2.对该对象里面的属性值赋值  innerHTML = "红色";

// myspan.innerHTML = "红色";

// myspan.style.color = "red";

// 定义选择颜色的函数

function selcolor(){

var myspan = document.getElementById("mycolor");

// 假设颜色的选择范围是赤橙黄绿青蓝紫

var colors = ["red","orange","yellow","green","dardgreen","blue","purple"];

// 产生随机0-6的数字

var randomnum = Math.floor(Math.random()*7)+0;

console.info(randomnum);

// 根据随机数填充到span里面

switch (randomnum){

case 0:

myspan.innerHTML = "红色";

myspan.style.color = colors[0];

break;

case 1:

myspan.innerHTML = "橙色";

myspan.style.color = colors[1];

break;

case 2:

myspan.innerHTML = "黄色";

myspan.style.color = colors[2];

break;

case 3:

myspan.innerHTML = "绿色";

myspan.style.color = colors[3];

break;

case 4:

myspan.innerHTML = "青色";

myspan.style.color = colors[4];

break;

case 5:

myspan.innerHTML = "蓝色";

myspan.style.color = colors[5];

break;

case 6:

myspan.innerHTML = "紫色";

myspan.style.color = colors[6];

break;

}

}

</script>

</html>

以上是“js的math属性怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网node.js频道！

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: js的math属性怎么用

本文链接: https://www.lsjlt.com/news/90920.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑，方便收藏和打印～

下载Word文档
去做题
猜你喜欢
  • js的math属性怎么用
    这篇文章主要为大家展示了“js的math属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“js的math属性怎么用”这篇文章吧。 <!DOCTYP...
    99+
    2024-04-02
  • js的documeng属性怎么用
    这篇文章主要介绍了js的documeng属性怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。 <!DOCTYPE html>...
    99+
    2024-04-02
  • js中的Math方法怎么使用
    这篇“js中的Math方法怎么使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“js中的M...
    99+
    2024-04-02
  • js中的string属性怎么用
    这篇文章给大家分享的是有关js中的string属性怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。 <!DOCTYPE html> <html> ...
    99+
    2024-04-02
  • 怎么使用js中hasOwnProperty的属性
    本篇内容主要讲解“怎么使用js中hasOwnProperty的属性”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么使用js中hasOwnProperty的属性”吧!js不会保护hasOwnPr...
    99+
    2023-06-25
  • JS属性的特性是什么
    这篇文章将为大家详细讲解有关JS属性的特性是什么，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。概念ECMAScript 5 中定义了一个名叫“属性描述符”的...
    99+
    2024-04-02
  • js的Style background属性有什么用
    在JavaScript中，Style background属性用于设置或获取元素的背景样式。它可以用于改变元素的背景颜色、背景图片、...
    99+
    2023-09-18
    js
  • JS属性scrollTop、clientHeight和scrollHeight怎么使用
    这篇文章主要介绍“JS属性scrollTop、clientHeight和scrollHeight怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“JS属性scrollTop、clientHeig...
    99+
    2023-07-02
  • js中offsettop属性的作用是什么
    offsetTop属性返回的是一个元素相对于其offsetParent元素的顶部偏移量（即元素顶部边缘与offsetParent元素...
    99+
    2023-10-24
    js
  • JS函数的length属性有什么用
    JS函数的length属性用于获取函数的参数个数。它返回一个整数，表示函数定义时声明的参数个数。length属性对于函数的重载、参数...
    99+
    2023-09-21
    JS
  • JS盒子模型的基本属性怎么使用
    这篇“JS盒子模型的基本属性怎么使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“JS盒子...
    99+
    2024-04-02
  • js中Window navigator.appName属性有什么用
    在 JavaScript 中，Window 对象的 navigator 属性包含了有关浏览器的信息。navigator.appNam...
    99+
    2023-10-12
    js
  • js中Style borderColor属性有什么用
    在JavaScript中，Style borderColor 属性用于设置元素的边框颜色。可以将 borderColor 属性用于任...
    99+
    2023-10-10
    js
  • js中Window location.hash属性有什么用
    JavaScript中的Window location.hash属性用于获取或设置URL中的片段标识符（hash）部分。URL的ha...
    99+
    2023-10-11
    js
  • js调用css属性写法
    1、对于没有中划线的css属性一般直接使用style.属性名即可。 如：obj.style.margin，obj.style.width，obj.style.left，obj.sty...
    99+
    2022-11-15
    js调用css属性
  • js怎么设置与移除disabled属性
    在JavaScript中，可以使用以下方法设置和移除元素的disabled属性： 设置disabled属性： // 通过id获取...
    99+
    2023-10-23
    js
  • js中使用Window location.href属性无效怎么解决
    如果在JavaScript中使用Window.location.href属性没有效果，有几种可能的解决方法：1. 确保代码运行在浏览...
    99+
    2023-10-11
    js
  • 怎么使用JS动态合并两个对象的属性
    这篇文章给大家分享的是有关怎么使用JS动态合并两个对象的属性的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。我们可以使用扩展操作符(...)将不同的对象合并为一个对象，这也是合并两...
    99+
    2024-04-02
  • js中screenX事件属性的作用是什么
    在JavaScript中，`screenX`事件属性用于获取鼠标事件相对于屏幕（显示器）的水平位置。它表示鼠标事件发生时光标相对于整...
    99+
    2023-10-12
    js
  • js中cancelable事件属性的作用是什么
    cancelable事件属性是一个布尔值，用于确定事件是否可以被取消。当cancelable属性值为true时，表示事件可以被取消；...
    99+
    2023-10-12
    js
软考高级职称资格查询
iis服务器助手广告
软考职称历年真题下载
软考职称资料下载
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作