Heim > Web-Frontend > HTML-Tutorial > Beispielanalyse der Verwendung des Ausgabe-Tags zum Markieren des JavaScript-Rückgabewerts

Beispielanalyse der Verwendung des Ausgabe-Tags zum Markieren des JavaScript-Rückgabewerts

黄舟
Freigeben: 2017-07-03 10:35:48
Original
1695 Leute haben es durchsucht


Manchmal werden einige Dateninformationen auf der Seite nach der Berechnung durch js ausgefüllt. In der Vergangenheit haben Entwickler das <span>-Element oft als Platzhalter behandelt und ihm ein ID--Attribut zugewiesen, damit der JavaScript-Code es finden und die Daten bei Berechnungen eintragen konnte.
In HTML5 wird empfohlen, <output> als Platzhalter zu verwenden, um die Semantik klarer zu machen. Die tatsächliche Verwendung ist die gleiche wie beim vorherigen <span>.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>随机数生成</title>
  <script>
    function run(){
        var resultElement = document.getElementById("result");
        resultElement.value = Math.random();
    }
  </script>
</head>
<body>
  <p>随机数:<output id="result"></output></p>
  <input type="button" value="生成" onclick="run()">
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonBeispielanalyse der Verwendung des Ausgabe-Tags zum Markieren des JavaScript-Rückgabewerts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage