2016-07-07 66 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變量的值