如何在 html 正文中显示 javascript var
Posted
技术标签:
【中文标题】如何在 html 正文中显示 javascript var【英文标题】：how to display a javascript var in html body 【发布时间】：2017-04-13 00:15:33 【问题描述】：我正在寻找一种在 html 页面正文中调用 javascript 编号的方法。这不必冗长和奢侈，只需简单地工作，我只想要这样的东西：
<html>
<head>
<script type="text/javscript">
var number = 123;
</script>
</head>
<body>
<h1>"the value for number is: " + number</h1>
</body>
</html>
【问题讨论】：
您需要使用 标记并从 javascript id 属性指定值 请查看此链接：-***.com/questions/30426969/… 【参考方案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>【讨论】：
【参考方案2】：使用 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>【讨论】：
【参考方案3】：<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>
你可以缩短 document.write 但是
无法避免<script>标签
【讨论】：
【参考方案4】：您可以对文档 ready 事件执行相同操作，如下所示
<script>
$(document).ready(function()
var number = 112;
$("yourClass/Element/id...").html(number);
// $("yourClass/Element/id...").text(number);
);
</script>
或者你可以简单地使用document.write(number);。
【讨论】：
【参考方案5】：<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>【讨论】：
【参考方案6】：这是另一种方法。
function showData(m)
let x ="<div> added from js ";
let y = m.toString();
let z = "</div>";
let htmlData = x+y+z ;
content.insertAdjacentHTML("beforeend",htmlData);
【讨论】：
【参考方案7】：<?php
$x1='<span id="x1"></span><script>document.getElementById("x1").innerHTML = x1;</script>';
$x2='<span id="x2"></span><script>document.getElementById("x2").innerHTML = x2;</script>';
$x3='<span id="x3"</span><script>document.getElementById("x3").innerHTML = x3;</script>';
?>
<html><body>
<script> var
x1="123",
x2="ABC",
x3=666;
</script>
<?php echo $x1 ?><br>
<?php echo $x2 ?><be>
<?php echo $x3 ?><be>
</body></html>
【讨论】：
正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。【参考方案8】：索引.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;
【讨论】：
【参考方案9】：您不能将 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的主要内容，如果未能解决你的问题，请参考以下文章
如何在 iOS 共享 Gmail 应用中显示 HTML 正文？
如何在 Javascript 中获取 iframe 的正文内容？
如何使用 JavaScript 将内容添加到 html 正文？
如何使用asp.net c#将HTML格式的电子邮件正文传递给javascript函数