2013-11-08 3 views
14

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

<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?

+0

почему вы положили это в функции JavaScript?

+0

Есть ли конкретная причина, почему вы создаете таблицу с JavaScript, а не только в HTML? – flowstoneknight

+2

Почему вы не принимаете ответ? – Toskan

ответ

30

Try обертывание createtable(); заявление в <script> тэгом:

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

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

Я хотел бы избежать с помощью document.write() и использовать DOM, если я вам хотя.

+0

Большое спасибо за помощь – user2804038

0

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

0

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

функция файл 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> 

отделка

Смежные вопросы