夜光带你走进JavaScript（五十五）擅长的领域

GeniusTeam-夜光

于 2019-12-02 18:10:44 发布

阅读量109

点赞数

分类专栏： Genius-JavaScript

本文链接：https://blog.csdn.net/weixin_41987706/article/details/102657603

版权

Genius-JavaScript 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

夜光序言：

人要心静，言多必失。

喋喋不休不如观心自省，埋怨他人不如即听即忘。

能干扰你的，往往是自己的太在意，能伤害你的，往往是自己的想不开。

你若平和，无人可恨，你若不究，无人能扰。

正文：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">点击按钮将数组转为字符串并返回。</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        var fruits = ["Banana", "Orange", "Apple", "Mango"];
        var str = fruits.toString();
        var x=document.getElementById("demo");
        x.innerHTML= str;
    }
</script>

</body>
</html>

JavaScript Math（算数）对象

Math（算数）对象的作用是：执行常见的算数任务。

使用 round()

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮舍入与“2.5”最接近的整数</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        document.getElementById("demo").innerHTML=Math.round(2.5);
    }
</script>

</body>
</html>

使用 random() 来返回 0 到 1 之间的随机数。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">点击按钮显示一个随机数</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        document.getElementById("demo").innerHTML=Math.random();
    }
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<p id="demo">单击按钮返回5到10之间的最大值。</p>
<button onclick="myFunction()">点我</button>
<script>
    function myFunction(){
        document.getElementById("demo").innerHTML=Math.max(5,10);
    }
</script>

</body>
</html>

最小就是min

GeniusTeam-夜光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
夜光带你走进JavaScript（五十五）擅长的领域

夜光序言：人要心静，言多必失。喋喋不休不如观心自省，埋怨他人不如即听即忘。能干扰你的，往往是自己的太在意，能伤害你的，往往是自己的想不开。你若平和，无人可恨，你若不究，无人能扰。正文：<!DOCTYPE html><html><he...
复制链接

扫一扫