JavaScript -uitset
JavaScript vertoon moontlikhede
JavaScript kan data op verskillende maniere "vertoon":
- Skryf in 'n HTML-element deur
innerHTML
. - Skryf in die HTML-afvoer deur gebruik te maak van
document.write()
. - Skryf in 'n waarskuwingskassie deur
window.alert()
. - Skryf in die blaaierkonsole deur
console.log()
.
Die gebruik van innerHTML
Om toegang tot 'n HTML-element te verkry, kan JavaScript die document.getElementById(id)
metode gebruik.
Die id
kenmerk definieer die HTML-element. Die innerHTML
eiendom definieer die HTML-inhoud:
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Die verandering van die innerHTML-eienskap van 'n HTML-element is 'n algemene manier om data in HTML te vertoon.
Gebruik document.write()
Vir toetsdoeleindes is dit gerieflik om te gebruik document.write()
:
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Deur document.write() te gebruik nadat 'n HTML-dokument gelaai is, sal alle bestaande HTML uitvee :
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Die document.write()-metode moet slegs vir toetsing gebruik word.
Gebruik window.alert()
Jy kan 'n waarskuwingskassie gebruik om data te vertoon:
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
window
Jy kan die sleutelwoord oorslaan .
In JavaScript is die vensterobjek die globale omvangobjek, wat beteken dat veranderlikes, eienskappe en metodes by verstek aan die vensterobjek behoort. Dit beteken ook dat die spesifikasie van die window
sleutelwoord opsioneel is:
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
Gebruik console.log()
Vir ontfoutingsdoeleindes kan u die console.log()
metode in die blaaier oproep om data te vertoon.
Jy sal meer oor ontfouting in 'n latere hoofstuk leer.
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
JavaScript druk
JavaScript het geen drukvoorwerp of drukmetodes nie.
U het nie toegang tot uitvoertoestelle vanaf JavaScript nie.
Die enigste uitsondering is dat u die window.print()
metode in die blaaier kan oproep om die inhoud van die huidige venster te druk.
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>