如何在HTML正文中调用JavaScript函数

前端之家收集整理的这篇文章主要介绍了如何在HTML正文中调用JavaScript函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个填充表格的JavaScript函数
  1. <script>
  2.  
  3. var col1 = ["Full time student checking (Age 22 and under) ","Customers over age 65","Below $500.00"];
  4. var col2 = ["None","None","$8.00"];
  5.  
  6. function createtable() {
  7. <!--To fill the table with javascript-->
  8. for (var j = 0; j < col1.length; j++) {
  9. if (j % 2 == 0) {
  10. document.write("<tr><td>" + col1[j] + " </td>");
  11. document.write("<td>" + col2[j] + "</td></tr>");
  12. } else {
  13. document.write("<tr bgcolor='#aeb2bf'><td>" + col1[j] + " </td>");
  14. document.write("<td>" + col2[j] + "</td></tr1>");
  15. }
  16. }
  17. }
  18. </script>

我想在HTML正文中执行它.我尝试了以下,但它没有创建表.

  1. <table>
  2. <tr>
  3. <th>Balance</th>
  4. <th>Fee</th>
  5. </tr>
  6. createtable();
  7. </table>

我如何在HTML体内执行此功能

解决方法

尝试包装createtable(); < script>中的语句标签
  1. <table>
  2. <tr>
  3. <th>Balance</th>
  4. <th>Fee</th>
  5.  
  6. </tr>
  7. <script>createtable();</script>
  8. </table>

如果我是你,我会避免使用document.write()并使用DOM.

猜你在找的HTML相关文章