当前位置：学海荡舟 -> 电脑乐园 -> JavaScript实例
　　　　　随 机 产 生 图 形  
     
效 果 演 示：

 

　　　请不停的刷新本页，您将看到效果

 

    
 
源代码如下：



这段程序放在<body>与</body>之间


    
源程序讲解：
   

a = 3
 设置变量a的初值为3。
var pp = Math.random();
 定义一个变量pp，值为一个随机数。
var foot = Math.round(pp * (a-1))+1;
 定义一个变量foot,值为一个经过四舍五入的整数，此数不大于3。
function create()
定义一个函数。
{ this.src = ''
this.border = ''
this.alt = '' }
初始化图片的属性。
b = new Array()
设置b为一个数组。
for(var i=1; i<=a; i++)
开始一个循环，当i<a时，i=i+1。
{ b[i] = new create() }
b[1].src = "img/4.jpg"
b[1].border = "0"
b[1].alt = ""
b[2].src = "img/2.jpg"
b[2].border = "0"
b[2].alt = ""
b[3].src = "img/3.jpg"
b[3].border = "0"
b[3].alt = ""
分别定义数组b中的值。
var pic = "";
pic += '<img src='+b[foot].src+' border="0"'+' alt='+b[foot].alt+'>';>';
 pic的值为随机产生一幅数组b中的图。
document.write(pic) 输出pic的值。

注:本例中所用到的三张图放在与本页面同级的"img"文件夹内,名字分别为2.jpg，3.jpg，4.jpg。