Rumah > hujung hadapan web > html tutorial > 使用output标签标注JavaScript返回值的实例分析

使用output标签标注JavaScript返回值的实例分析

黄舟
Lepaskan: 2017-07-03 10:35:48
asal
1665 orang telah melayarinya


有时页面上的一些数据信息是通过js计算后填入的。在过去,开发人员常常会将<span>元素作为占位符,并指定一个ID属性,这样JavaScript代码就可以在计算时找到它并填入数据。
HTML5中,建议使用<output>作为占位符使语义更加清晰,用法实际和以前的<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>
Salin selepas log masuk

Atas ialah kandungan terperinci 使用output标签标注JavaScript返回值的实例分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan