Ik heb een JavaScript-functie die een tabel vult:
<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>
Ik wil het uitvoeren in de HTML-body. Ik heb het volgende geprobeerd, maar de tabel wordt niet gemaakt.
<table>
<tr>
<th>Balance</th>
<th>Fee</th>
</tr>
createtable();
</table>
Hoe kan ik deze functie binnen de HTML-body uitvoeren?
Antwoord 1, autoriteit 100%
Probeer de instructie createtable();in een <script>-tag te plaatsen:
<table>
<tr>
<th>Balance</th>
<th>Fee</th>
</tr>
<script>createtable();</script>
</table>
Ik zou echter het gebruik van document.write() vermijden en de DOM gebruiken als ik jou was.
Antwoord 2, autoriteit 28%
Neem eerst het bestand op in de head-tag van html en roep vervolgens de functie aan in scripttags onder body-tags, bijvoorbeeld
Js-bestandsfunctie die moet worden aangeroepen
function tryMe(arg) {
document.write(arg);
}
HTML-BESTAND
<!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>
voltooien
Antwoord 3, autoriteit 3%
Ter verduidelijking: u kunt/kunt het niet “in de HTML-body uitvoeren”.
U kunt de inhoud van de HTML wijzigen met javascript.
U bepaalt op welk punt u wilt dat het javascript wordt uitgevoerd.
Hier is bijvoorbeeld de inhoud van een html-bestand, inclusief javascript, dat doet wat u wilt.
<html>
<head>
<script>
// The next line document.addEventListener....
// tells the browser to execute the javascript in the function after
// the DOMContentLoaded event is complete, i.e. the browser has
// finished loading the full webpage
document.addEventListener("DOMContentLoaded", function(event) {
var col1 = ["Full time student checking (Age 22 and under) ", "Customers over age 65", "Below $500.00" ];
var col2 = ["None", "None", "$8.00"];
var TheInnerHTML ="";
for (var j = 0; j < col1.length; j++) {
TheInnerHTML += "<tr><td>"+col1[j]+"</td><td>"+col2[j]+"</td></tr>";
}
document.getElementById("TheBody").innerHTML = TheInnerHTML;});
</script>
</head>
<body>
<table>
<thead>
<tr>
<th>Balance</th>
<th>Fee</th>
</tr>
</thead>
<tbody id="TheBody">
</tbody>
</table>
</body>
Geniet!
Antwoord 4
Probeer CreateChild () methode van DOM of INSERTROW () en InsertCell () methode van tabelobject in script-tag te gebruiken.