js怎么根据参数(个数随机)自动生成对应按钮?

JavaScript011

js怎么根据参数(个数随机)自动生成对应按钮?,第1张

可以使用JavaScript的循环语句来根据参数(个数随机)自动生成对应按钮,这个示例生成的按钮将会以HTML字符串的形式添加到文档的主体中,可以使用更高级的JavaScript或jQuery代码对生成的按钮进行进一步的处理,代码如下:

// 定义生成按钮的数量

var buttonCount = Math.floor(Math.random() * 10) + 1

// 定义按钮的HTML代码模板

var buttonTemplate = '

Button'

// 创建存储按钮的字符串

var buttonsHTML = ''

// 使用循环语句生成所需数量的按钮

for (var i = 0i <buttonCounti++) {

buttonsHTML += buttonTemplate

}

// 将生成的按钮添加到文档中

document.body.innerHTML += buttonsHTML

js可以用Math.random()函数产生随机数,这里以产生1到5之间的随机数为例。

1、产生最小到最大之间的函数,包括最小值和最大值,即“min ≤ r ≤ max”:

2、产生最小到最大之间的函数,包括最小值但不包括最大值,即“min ≤ r <max”:

3、产生最小到最大之间的函数,不包括最小值但包括最大值,即“min <r ≤ max”:

4、产生最小到最大之间的函数,不包括最小值和最大值,即“min <r <max”:

<meta charset="utf-8">

<input type="text" id="a"/>

<input type="button" value="随机" onclick="butt()"/>

<script>

    function butt(){

        document.getElementById('a').value=(Math.random()*(10-0.99)).toFixed(2)

    }

</script>

 <!--   /**

     * 1

     document.write(Math.random())

     返回随机数

     1

     document.write(Math.random()*(20-10)+10)

     返回10-20的随机数

     1

     document.write(Math.random()*(n-m)+m)

     返回指定范围的随机数(m-n之间)的公式[1]

     http://www.jb51.net/article/45884.htm

     */

     

     -->