2016-11-29 14 views
6

私はHTMLページの本文にjavascriptの番号を呼び出す方法を探しています。htmlの本文にjavascript varを表示する方法

<html> 
<head> 
<script type="text/javscript"> 
var number = 123; 
</script> 
</head> 

<body> 
<h1>"the value for number is: " + number</h1> 
</body> 
</html> 
+0

あなたは、このリンクを確認してください値 –

+1

を設定するタグととJavaScript id属性から割り当てる必要があります30426969/display-javascript-variable-in-html-body –

答えて

6

使用するdocument.write():これは単に私がちょうどのような何かをしたい、仕事長く、贅沢である必要はありません。

<html> 
 
<head> 
 
    <script type="text/javascript"> 
 
    var number = 123; 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <h1> 
 
     the value for number is: 
 
     <script type="text/javascript"> 
 
     document.write(number) 
 
     </script> 
 
    </h1> 
 
</body> 
 
</html>

1

あなたは

<script> 
$(document).ready(function(){ 
var number = 112; 
    $("yourClass/Element/id...").html(number); 
// $("yourClass/Element/id...").text(number); 
}); 
</script> 

またはあなたは、単にそれがdocument.write(number);を使用して行うことができ、以下のように文書readyイベントで同じことを行うことができます。

-1

JavaScript変数をHTMLコードに追加することはできません。

この場合、次のようにする必要があります。 -http://stackoverflow.com/questions/

<html> 
<head> 
<script type="text/javscript"> 
var number = 123; 

document.addEventListener('DOMContentLoaded', function() { 
    document.getElementByTagName("h1").innerHTML("the value for number is: " + number); 
}); 
</script> 
</head> 
<body> 
<h1></h1> 
</body> 
</html> 
8

これを試してみてください...

<html> 
<head> 
<script> 
function myFunction() { 
    var number = "123"; 
    document.getElementById("myText").innerHTML = number; 
} 
</script> 
</head> 
<body onload="myFunction()"> 

<h1>"the value for number is: " <span id="myText"></span></h1> 

</body> 
</html> 
関連する問題