web-dev-qa-db-fra.com

comment afficher une variable javascript dans un corps html

Je cherche un moyen d'appeler un numéro javascript dans le corps d'une page html. Cela ne doit pas nécessairement être long et extravagant, je veux juste quelque chose comme:

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

<body>
<h1>"the value for number is: " + number</h1>
</body>
</html>
javascripthtmlnumbersvar
15
atom715

Essaye ça...

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

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

17
kj_

Vous pouvez faire la même chose sur l'événement ready du document comme ci-dessous

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

ou vous pouvez simplement le faire en utilisant document.write(number);.

1
Lego

<script type="text/javascript">
        function get_param(param) {
   var search = window.location.search.substring(1);
   var compareKeyValuePair = function(pair) {
      var key_value = pair.split('=');
      var decodedKey = decodeURIComponent(key_value[0]);
      var decodedValue = decodeURIComponent(key_value[1]);
      if(decodedKey == param) return decodedValue;
      return null;
   };

   var comparisonResult = null;

   if(search.indexOf('&') > -1) {
      var params = search.split('&');
      for(var i = 0; i < params.length; i++) {
         comparisonResult = compareKeyValuePair(params[i]); 
         if(comparisonResult !== null) {
            break;
         }
      }
   } else {
      comparisonResult = compareKeyValuePair(search);
   }

   return comparisonResult;
}

var parcelNumber = get_param('parcelNumber'); //abc
var registryId  = get_param('registryId'); //abc
var registrySectionId = get_param('registrySectionId'); //abc
var apartmentNumber = get_param('apartmentNumber'); //abc

        
    </script>

puis dans la page j'appelle les valeurs comme suit:

 <td class="tinfodd"> <script  type="text/javascript">
                                                    document.write(registrySectionId)
                                                    </script></td>

1
John Kesh Mahugu
<html>
<head>
<script type="text/javscript">
var number = 123;
var string = "abcd";

function docWrite(variable) {
    document.write(variable);
}
</script>
</head>

<body>
<h1>the value for number is: <script>docWrite(number)</script></h1>

<h2>the text is: <script>docWrite(string)</script> </h2>
</body>
</html>

Vous pouvez raccourcir document.write mais Ne peut pas éviter la balise <script>

0
ajaykools