2016-11-29 37 views
6

Szukam sposobu na wywołanie numeru javascript w treści strony html. To nie musi być długie i ekstrawaganckie, po prostu działa, chcę po prostu coś takiego:jak wyświetlić javascript var w treści html

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

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

trzeba przypisać z tag iz javascript atrybutu id ustawić wartość –

+1

Proszę sprawdzić ten link:-http: //stackoverflow.com/questions/ 30426969/display-javascript-variable-in-html-body –

Odpowiedz

6

Użyj 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

Można zrobić to samo na dokumencie ready wydarzenie jak poniżej

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

lub po prostu można zrobić to za pomocą document.write(number);.

-1

Nie można dodać zmiennej JavaScript do kodu HTML.

W tym celu należy wykonać następujące czynności.

<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

Try This ...

<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>