 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<style type="text/css"> 
Image 
{ 
width:100px; 
height:100px; 
} 
</style> 
<script type="text/javascript"> 
function createimgs() { 
var array = ['29b56ef1ecac0a2e23fe73abb8457ed9.jpg', 
'3615bd55e6db2d3eb2a45a8369653f12(1).jpg', 
'3615bd55e6db2d3eb2a45a8369653f12.jpg', 
'837adad119910d349f05149ad4a02ef0.jpg', 
'849b23dac9ceafe6d7e7b94a73b46e82.jpg', 
'91fe451f6e8081fe492c6ae617a50274.jpg', 
'9b1b7be8d60eef1e15257797d779d91b.jpg', 
'9fce9273034aed88fab0bcfef344dae7.jpg', 
'a5f59f9d670a936bf8281090bc2ce7c7.jpg', 
'cda8a8f5b72e165c153fd396db02ab64.jpg', 
'd159717ab855f729066b333d439f630e.jpg', 
'd7ef1897c62640dba44532e6475c49c6.jpg', 
'ef62b67b4dc1bc80daaaf9ebbf90d854.jpg', 
'f6b31d9bca975794bd23fdf71295e1c4.jpg', 
'f856bd37b432eb532098fa170dfbafd4.jpg' 
]; 
//alert(array.length); 
var tablenode = document.createElement('table'); 
var tbody = document.createElement('tbody'); 
tablenode.setAttribute('width', '600px'); 
tablenode.setAttribute('height', '400px'); 
tablenode.setAttribute('border', '2px'); 
var count = 0; 
for (var i = 0; i < 3; i++) { 
var trnode = document.createElement('tr'); 
for (var j = 0; j < 5; j++) { 
var tdnode = document.createElement('td'); 
var imgnode = document.createElement('img'); 
imgnode.setAttribute('src', 'scenery/' + array[count]); 
// imgnode.setAttribute('width', '100px'); 
// imgnode.setAttribute('height', '100px'); 
tdnode.appendChild(imgnode); 
trnode.appendChild(tdnode); 
count++; 
} 
tbody.appendChild(trnode); 
} 
tablenode.appendChild(tbody); 
document.body.appendChild(tablenode); 
} 
</script> 
</head> 
<body> 
<input type="button" value="創(chuàng)建相冊" onclick="createimgs();" /> 
</body> 
</html> 

您可能感興趣的文章:

js
相冊

相關(guān)文章

js數(shù)組中刪除重復(fù)值的代碼小結(jié)
最近需要用js控制數(shù)組，里面可能有一些重復(fù)的值，需要去掉，特為大家整理了這篇文章。
2011-01-01
JS中用try catch對代碼運(yùn)行的性能影響分析
要捕獲JavaScript代碼中的異常一般會(huì)采用 try catch，不過try catch的使用是否是對代碼性能產(chǎn)生影響呢？答案是肯定有的，但是有多少不得而知。下面這篇文章就給大家詳細(xì)介紹了在JS中用try catch對代碼運(yùn)行的性能影響，有需要的朋友們可以參考借鑒。
2016-12-12
詳解CocosCreator中幾種計(jì)時(shí)器的使用方法
這篇文章主要介紹了CocosCreator中幾種計(jì)時(shí)器的使用方法，推薦使用schedule，功能多些，銷毀時(shí)還能自動(dòng)移除
2021-04-04
基于JavaScript制作一個(gè)骰子游戲
這節(jié)實(shí)驗(yàn)我們將使用?HTML、CSS?和?JavaScript?構(gòu)建一個(gè)骰子游戲。設(shè)置兩名玩家(一個(gè)人玩也行)然后擲骰子，獲得更高點(diǎn)數(shù)的玩家將贏得游戲，感興趣的可以了解一下
2022-04-04
JS創(chuàng)建對象的寫法示例
這篇文章主要介紹了JS創(chuàng)建對象的寫法,結(jié)合實(shí)例形式分析了javascript對象的定義、實(shí)現(xiàn)方法與使用技巧,需要的朋友可以參考下
2016-11-11
繼續(xù)學(xué)習(xí)javascript閉包
這篇文章主要還是繼續(xù)學(xué)習(xí)javascript閉包，理解JavaScript的閉包是邁向高級JS程序員的必經(jīng)之路，需要的朋友可以參考下
2015-12-12
javascript Array.prototype.slice的使用示例
javascript Array.prototype.slice除了常見的從某個(gè)數(shù)組中抽取出新的數(shù)組外，它還有一些其他的用法,下面就為大家講這些妙用
2013-11-11
JavaScript 實(shí)現(xiàn)下雪特效的示例代碼
這篇文章主要介紹了JavaScript 實(shí)現(xiàn)下雪特效的示例代碼，幫助大家利用JavaScript制作特效，感興趣的朋友可以了解下
2020-09-09
JS判斷數(shù)組中是否有重復(fù)值得三種實(shí)用方法
數(shù)組中是否有重復(fù)值的判斷方法有很多，本文為大家推薦下比較實(shí)用的3種方法，感興趣的朋友可以參考下，希望對大家有所幫助
2013-08-08
原生js jquery ajax請求以及jsonp的調(diào)用方法
下面小編就為大家?guī)硪黄鷍s jquery ajax請求以及jsonp的調(diào)用方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08