Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript-Ausgabeanzeigeinhalt (grundlegendes Tutorial)

亚连
Freigeben: 2018-05-19 14:04:26
Original
2070 Leute haben es durchsucht

Freunde, die gerade erst mit js in Berührung gekommen sind, müssen mit der Ausgabe von js vertraut gemacht werden, sodass sie auf jeden Fall document.write, Alert, innerHTML und console.log verwenden können siehe

JavaScript-Ausgabe

JavaScript verfügt über keine Druck- oder Ausgabefunktionen.

JavaScript zeigt Daten an

JavaScript kann Daten auf verschiedene Arten ausgeben:
Verwenden Sie window.alert() , um ein Warnfeld anzuzeigen.
Verwenden Sie die Methode document.write() , um Inhalte in ein HTML-Dokument zu schreiben.
Verwenden Sie innerHTML , um in HTML-Elemente zu schreiben.
Verwenden Sie console.log() , um in die Konsole des Browsers zu schreiben.

Verwenden Sie window.alert()
Sie können ein Warnfeld öffnen, um Daten anzuzeigen:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html>
Nach dem Login kopieren

HTML-Elemente manipulieren
wie z. B. Um über JavaScript auf ein HTML-Element zuzugreifen, können Sie die Methode document.getElementById(id) verwenden.
Bitte verwenden Sie das „id“-Attribut, um HTML-Elemente zu identifizieren, und innerHTML, um Elementinhalte abzurufen oder einzufügen:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>
Nach dem Login kopieren

Die obige JavaScript-Anweisung (im

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage