html中如何显示变量值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html中如何显示变量值相关的知识,希望对你有一定的参考价值。

像这样
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
var a=6;
</script>

</body>
</html>
我在脚本中定义了变量a,想在BODY中输出a的值,一共都有几个方法可以实现?有没有像C语言中的printf()函数那样直接输出的?
实现方法越多越好。
注意,输出a的地方不在<script></script>范围里
2楼的方法就只显示document.getElementByTag("body")[0].innerHTML = a; ,不会显示出变量a的值。

这个问题十分简单。但是我不建议使用楼上的方式。为什么不建议?因为innerHTML会将<body>中<script>标签以前的内容覆盖掉。我建议使用更符合逻辑的添加节点的方式。望采纳。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div id="back"></div>
<script>
var a = 6;
var node1 = document.createTextNode(a);
var node2 = document.createElement("font");
node2.appendChild(node1);
document.getElementById("back").appendChild(node2);
</script>
</body>
</html>
参考技术A 没有
document.getElementByTag("body")[0].innerHTML = a;
Javascript操作的是DOM不是标准输入输出流。
参考技术B <html>
<head>
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
var a=6;
document.getElementsByTagName("body")[0].innerHTML=a;
</script>

</body>
</html>本回答被提问者采纳

如何在javascript中维护父变量值[重复]

【中文标题】如何在javascript中维护父变量值[重复]【英文标题】:How to maintain parent variable value in javascript [duplicate] 【发布时间】:2017-12-04 05:35:07 【问题描述】:

我需要一个说明 java 脚本。我在我的程序中使用了两个变量。 我将特定数组存储在第一个变量中,然后再次创建一个变量。 我已经在第一个变量中存储了第二个变量值。然后我在第二个变量中推了一个值...如果我打印第一个变量意味着显示第二个变量值.. 我的期望是第一个变量值不想改变..

 // first variable
 var test = ["a","b","c"];  

// second variable
var arr = test;
arr.unshift("d");

// second variable print
console.log(arr);  // ["a","b","c","d"]

// First variable print
    console.log(test); // ["a","b","c","d"]

// I want to maintain first original value
// Expectation result  
 console.log(test); // ["a","b","c"]

我需要在第一个变量中保持原始值..我该怎么办?

【问题讨论】:

【参考方案1】:

您可以使用spread 运算符(检查浏览器功能)

var arr = [...test];

 // first variable
 var test = ["a","b","c"];  

// second variable
var arr = [...test];
arr.push("d");

// second variable print
console.log(arr);  // ["a","b","c","d"]

// First variable print
    console.log(test); // ["a","b","c","d"]

// I want to maintain first original value
// Expectation result  
 console.log(test); // ["a","b","c"]

【讨论】:

动态地我们想要工作它..只需给出该代码的示例先生..

以上是关于html中如何显示变量值的主要内容,如果未能解决你的问题,请参考以下文章

QT中TextLabel如何显示变量值

js如何实现将一个通过计算出来的变量值,不刷新页面就可以将变量值显示在同一页面的文本框中?

在jsp页面中,如何显示长变量值?

如何在javascript中维护父变量值[重复]

如何从 python 中获取变量值并在电子中使用它?

Xcode 调试器显示不正确的变量值