我設計了一個使用JAVASCRIPT + HTML5的網頁。它在JSFIDDLE中運行良好，但是當我在記事本或w3schools站點中嘗試它時沒有運行。我的代碼有什麼問題？代碼在jsFiddle站點工作正常，但沒有運行在我的桌面工具上

我的html代碼是;

<head> 
<style> 
#scroll-content2 { height:100%; width:100%; background-color:blue; } 
.images { height:60px; width:60px; } 
.table2 { width:300px; } 
.c2 { height:300px; background-color:lightblue; } 
</style> 
</head> 
<body><section id="scroll-content2"></section></body>

我的JavaScript（我放在HTML文件的這裏面的部分）

<script> 
var a=['option a','option b','option c', 'option d','option e','option f']; 
var b = ['good','ok','bad','excellent','average']; 
function init() { 
    function img() { 
     var image = document.createElement('image'); 
    image.className = 'images'; 
    image.src = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQWUb6zXlz-7lTc53ACFi_kCg0Vojxha2Hk00602if3wOZ3my9j6A'; 
    } 
    return image; } 
    window.onload = img() 

for(var i=0;i<a.length;i++) { 
var ele = document.getElementById('scroll-content2'); 
var table = document.createElement('table'); 
table.className = 'table2'; 
var tr = document.createElement('tr'); 
tr.className = 'c2'; 
var td = document.createElement('td'); 
var txt4 = document.createTextNode(i+1 + "." +" "); 
var txt = document.createTextNode(a[i]); 
td.appendChild(txt4);td.appendChild(txt); 

    for(var j=0;j<b.length;j++) 
    { 
      var divi = document.createElement('div'); 
     divi.className ='divi'; 
     var txt2 = document.createTextNode(b[j]); 
      divi.appendChild(img()); 
     divi.appendChild(txt2); 
     td.appendChild(divi); } 
tr.appendChild(td); 
table.appendChild(tr); 
ele.appendChild(table); 
} } 
window.onload = init() 
</script>

來源

2013-07-13 jmj

這不是有效的代碼。 – Jonathan

這工作：

var a = ['option a', 'option b', 'option c', 'option d', 'option e', 'option f']; 
var b = ['good', 'ok', 'bad', 'excellent', 'average']; 

function init() { 
    for (var i = 0; i < a.length; i++) { 
     var ele = document.getElementById('scroll-content2'); 
     var table = document.createElement('table'); 
     table.className = 'table2'; 
     var tr = document.createElement('tr'); 
     tr.className = 'c2'; 
     var td = document.createElement('td'); 
     var txt4 = document.createTextNode(i + 1 + "." + " "); 
     var txt = document.createTextNode(a[i]); 
     td.appendChild(txt4); 
     td.appendChild(txt); 

     for (var j = 0; j < b.length; j++) { 
      var divi = document.createElement('div'); 
      divi.className = 'divi'; 
      var txt2 = document.createTextNode(b[j]); 
      divi.appendChild(img()); 
      divi.appendChild(txt2); 
      td.appendChild(divi); 
     } 
     tr.appendChild(td); 
     table.appendChild(tr); 
     ele.appendChild(table); 
    } 
} 

function img() { 
    var image = document.createElement('image'); 
    image.className = 'images'; 
    image.src = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQWUb6zXlz-7lTc53ACFi_kCg0Vojxha2Hk00602if3wOZ3my9j6A'; 
    return image; 
} 

window.onload = init();

JSFiddle

來源

2013-07-13 08:24:24 Jonathan

感謝您的幫助.... – jmj

代碼在jsFiddle站點工作正常，但沒有運行在我的桌面工具上

回答

JSFiddle

相關問題