以HTML格式显示变量

时间:2016-07-07 21:00:19

标签: javascript html

好的,我已经看过这个问题的大量变种,似乎没有答案似乎适用于我的情况。

在最直接的条件下,我有一个函数来计算一个名为score的数字变量。该变量的值是任意的。

我是否有可能在代码部分中将该单个变量从外部源JS文件中导入html中?

<div>
Thank you for completing my quiz!<br/>
Your score is:<br/>
(The variable would go here)<br/>
Please try again sometime!
</div>

我希望它只显示一个数字,根据得分变量的值进行更改。那可能吗?

2 个答案:

答案 0 :(得分:1)

HTML无法从JavaScript中提取值。每当数据更新时,您都需要编写JavaScript来操纵DOM(例如,使用broadcast_rpc_addressdocument.getElementById以及document.createTextNode)。

React或Angular等框架可以帮助您实现这一目标。

答案 1 :(得分:0)

  

我是否有可能在代码部分中将该单个变量从外部源JS文件中导入html中?

如果要获取外部位置中存在的变量的值,可以执行以下操作:

假设您有一个名为“file.js”的文件,其中包含:

var helloworld = "This is a string";

如果要从HTML代码访问该全局范围的变量,请添加脚本标记:

<script type="text/javascript" src="..url_to_the_file.."></script>

<head>标记内。

然后在你的javascript中,你可以输入:

<script>
    document.write(helloworld);
</script>

它将打印变量helloworld的值。我想这就是你想要做的,因为你打印的是存在于外部位置的javascript变量的值