2016-07-07 69 views
-3

好的,我已经看到这个问题的一大堆变种,没有回答,似乎适用于我的情况。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> 

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

+0

看到javascript代码会很有用。一个看起来像一个非常微不足道的问题,因为正确的答案应该是:是的,在某些情况下是可能的。 –

+0

如果您的值在脚本文件的全局范围内,那么是的,可以获取它。 –

回答

1

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

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

0

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

如果你想获得存在于你能够做到这一点的外部位置的变量的值:

比方说,你有一个名为“file.js”一个文件,其中包含:

var helloworld = "This is a string"; 

如果您要访问的变量是从你的HTML代码全球范围内,添加脚本标签:

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

INSI de <head>标签。

然后在您的JavaScript,应该是低于,您可以键入:

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

它将打印变量的HelloWorld的价值。我想这是你想要做的,因为你正在打印一个存在于外部位置的javascript变量的值