您的位置:寻梦网首页编程乐园JavaScriptJavaScript 实例讲解
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。