Создание таблиц с использованием Java Script

Question

У меня проблема с использованием скрипта Java для создания таблицы, которая отображает массив.Я должен использовать внешний файл Javascript для создания массива и использовать цикл for для создания и заполнения таблицы.У меня проблема в том, что внутри тегов скрипта ничего не происходит.Я могу написать «Document.write (« Hellow World! »)», И ничего не происходит.Поэтому не удивительно, когда я пытаюсь создать цикл for с массивом, ничего не происходит.Любая помощь будет оценена.Это мой первый раз, когда я использую Javascript таким образом, и в примечаниях, которые предоставил профессор, нет соответствующей информации о том, как создать вкладку, например, с помощью цикла for.

myarray.js

var classArray = new Array();
classArray[0] = "CST415 Software Enterprise II";
classArray[1] = "CST420 Foundations for Distruibuted Web Applications in Java"
classArray[2] = "CST433 Database Technology"
classArray[3] = "Ethics and Professional Computing"
classArray[4] = "Introdiction to Graphics Programming"

Код подозреваемого:

<table class="classes">
    <tr>
        <td>
            Classes Taken for Computer Science Major
        </td>
    </tr>
        <script type="text/javascript" src="myarray.js" >
            for(var i=0; i<5;i++){
                document.write('<tr><td>');
                document.write(classArray[i]);
                document.write('</td></tr>');

            }
        </script>
</table>

Answer 1

Невозможно, чтобы один <script> одновременно загружал внешний файл .js (через атрибут src=). AND содержит собственный встроенный код (ваш цикл for).Вы должны разделить это на две части:

<script type="text/javascript" src="myarray.js"></script>
<script type="text/javascript">
   for (...) {
      ....
   }
</script>

Answer 2

Для тех, кто приходит из Google и находит другие ответы неудовлетворительными.Вот введение без jQuery:

var table = document.createElement("table");
var tableBody = document.createElement("tbody");

var row = document.createElement("tr");

for (var i = 0; i < 5; i++) {
    var cell = document.createElement("td");
    var cellText = document.createTextNode("This is cell " + i);
    cell.appendChild(cellText);
    row.appendChild(cell);
}

tableBody.appendChild(row);

table.appendChild(tableBody);

Попробуйте в jsFiddle здесь .

Answer 3

__author__ = 'kunaln'

a=input("enter first value ")

g=(int)(a)*(int)(1)
print (g)

k=(int)(a)*(int)(2)
print (k)

u=(int)(a)*(int)(3)
print (u)

n=(int)(a)*(int)(4)
print (n)

b=(int)(a)*(int)(5)
print (b)

z=(int)(a)*(int)(6)
print (z)

x=(int)(a)*(int)(7)
print (x)

y=(int)(a)*(int)(8)
print (y)

p=(int)(a)*(int)(9)
print (p)

d=(int)(a)*(int)(10)
print (d)

Answer 4

Возможно, это не лучший способ, но я добиваюсь этого с помощью jQuery

<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="myarray.js" >

<script type = "text/javascript">
for (i=0; i<5; i++) {
   $("#TableName").append("<tr><td>" + classArray[i] + "</td></tr>");
   //or if your table doesn't have a name you can find by element or by class
   $(".classes").....
   $("table").....
}
</script>

Answer 5

Я бы предпочел рефакторинг вашего кода:

<script type="text/javascript">
var myTable = document.getElementById('my_table');
// use array literals, not new Array()
var elements = [
    "CST415 Software Enterprise II",
    "CST420 Foundations for Distruibuted Web Applications in Java",
    "CST433 Database Technology",
    "Ethics and Professional Computing",
    "Introdiction to Graphics Programming"
].map(function(title) {
     return '<tr><td>' + title + '</td></tr>'
});

document.getElementById('my_table').tBodies[0].innerHTML = elements.join('');
</script>

<table id="my_table" class="classes">
    <thead>
      <tr>
        <td>
            Classes Taken for Computer Science Major
        </td>
      </tr>
    </thead>
    <tbody>
    </tbody>
</table>

Вы можете проверить это здесь: http://jsfiddle.net/a3X7A/.

Answer 6

Вы не можете иметь встроенный скрипт внутри тега внешнего скрипта.

Они должны быть двумя отдельными тегами.