主要知識點有:
- 數組的兩種建立方式,
- Math.random函數的運用
- innerHTML與 += 運算子的運用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br /><title>豪情</title><br /></head><br /><body><br /><span id="t"></span><br /><script type="text/javascript"><br />var texts = new Array('中國', '西安', '上海', '中國', '西安', '上海');<br />var colors = ['red', 'blue', 'gray', 'orange'];<br />for(var i=0; i<texts.length; i++){<br />//alert(parseInt(Math.random()*colors.length));<br />document.getElementById('t').innerHTML += "<span style='font-weight:bold;margin:0 10px;color:" + colors[parseInt(Math.random()*colors.length + 1)] + ";'>" + texts[i] + "</span>";<br />}<br /></script><br /></body><br /></html><br />
運行代碼