Как вызвать функцию JavaScript внутри тела HTML

У меня есть функция JavaScript, которая заполняет таблицу:

<script>

var col1 = ["Full time student checking (Age 22 and under) ", "Customers over age 65", "Below  $500.00"];
var col2 = ["None", "None", "$8.00"];

function createtable() {
    <!--To fill the table with javascript-->
    for (var j = 0; j < col1.length; j++) {
        if (j % 2 == 0) {
            document.write("<tr><td>" + col1[j] + " </td>");
            document.write("<td>" + col2[j] + "</td></tr>");
        } else {
            document.write("<tr  bgcolor='#aeb2bf'><td>" + col1[j] + " </td>");
            document.write("<td>" + col2[j] + "</td></tr1>");
        }
    }
}
</script>

Я хочу выполнить его внутри тела HTML. Я пробовал следующее, но он не создает таблицу.

<table>
    <tr>
        <th>Balance</th>
        <th>Fee</th>        
    </tr>
      createtable();
</table>

Как я могу выполнить эту функцию внутри тела HTML?

Ответ 1

Попробуйте обернуть оператор createtable(); тегом <script>:

<table>
        <tr>
            <th>Balance</th>
            <th>Fee</th>

        </tr>
        <script>createtable();</script>
</table>

Я бы не использовал document.write() и использовал DOM, если бы вы были вами.

Ответ 2

Попробуйте использовать метод createChild() метода DOM или insertRow() и insertCell() для объекта таблицы в теге script.

Ответ 3

Сначала включите файл в главный тег html, затем вызовите функцию в тегах script под телами тела, например.

Функция файла Js, которая будет называться

function tryMe(arg) {
    document.write(arg);
}

HTML FILE

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src='object.js'> </script>
    <title>abc</title><meta charset="utf-8"/>
</head>
<body>
    <script>
    tryMe('This is me vishal bhasin signing in');
    </script>
</body>
</html>

отделка