为什么我的代码会生成48个div？

var  html  =  '' ; 

无功 红; 

var  green ; 

VAR 蓝色; 

var  rgbColor ; 

对于（var i = 0 ; i <= 10 ; i ++ ）{ var red = Math 。地板（数学。随机（）* 256 ）; var green =数学。地板（数学。

      

        

     随机（） *  256  ）; 

var blue =数学。地板（数学。随机（）* 256 ）; var rgbColor = 'rgb（' +红色+ '，' +绿色+ '，' +蓝色+ '）' ; html + = '<div style =“ background-color：' + rgbColor + '”> </ div>' ; 文件。写（html ）; }        

 

这会产生div的负载，而不只是10。.有什么想法吗？

 

 

答：两件事...由于您是使用var在顶部定义变量，因此您无需在循环内部再次使用var ...它已经在全局范围内。

 

接下来，只需将document.write移出循环，即可解决为什么得到的div超出预期的原因。

 

var  html  =  '' ，

红色，绿色，蓝色，rgbColor ; for （var i = 0 ; i <= 10 ; i ++ ）{红色=数学。地板（数学。随机（）* 256 ）; 绿色=数学。地板（数学。随机（）* 256 ）; 蓝色=    

 

    数学。地板（数学。随机（） *  256  ）; 

rgbColor = 'rgb（' +红色+ '，' +绿色+ '，' +蓝色+ '）' ; html + = '<div style =“ background-color：' + rgbColor + '”> </ div>' ; }文档。写（html ）;