Question

我正在寻找一种方法来调用html页面正文中的javascript编号。这不仅仅是漫长而奢侈的工作，我只想要这样的东西：

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

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

Answer 1

试试这个...

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

Answer 2

使用document.write（）。

＆＃13;

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

＆＃13;

Answer 3

您可以在文档ready事件中执行相同操作，如下所示

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

或者您可以使用document.write(number);完成此操作。

Answer 4

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

然后在页面中，我这样调用值：

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

Answer 5

.topnav a {
    display: inline-block;
  color: #777777;

  padding: 14px 16px;
  text-decoration: none;
  font-size:22px;
    letter-spacing: 1px;


}

.topnav2 a {
  float: left;
  display: block;
  color: #777777;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size:22px;
    letter-spacing: 1px;
}

.container {
  text-align: center;
}

您可以缩短<div class="navbar navbar-default navbar-fixed-top"> <div class="topnav2"> <a class="navtitle" href="index.html">Projekt</a> </div> <div class="container"> <div class="topnav" id="myTopnav"> <a href="#" class="active">Home</a> <a href="#">Platzhalter 1</a> <a href="#">Platzhalter 2</a> <a href="#">Platzhalter 3</a> </div> </div> </div>，但无法避免使用<html> <head> <script type="text/javascript"> 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>标签

Answer 6

Index.html：

<html>
<body>
    Javascript Version: <b id="version"></b>
    <script src="app.js"></script>
</body>
</html>

app.js：

var ver="1.1";
document.getElementById("version").innerHTML = ver;

Answer 7

您无法将JavaScript变量添加到HTML代码中。

为此你需要按照以下方式进行。

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

如何在html体中显示javascript var

7 个答案: