Question

我目前有一些图像，我希望在将某些变量传递给外部JS文件后显示：

HTML代码：

<li><a href="#" onClick="javascript: update_region('ne');">Northeast</a>
             <ul>
                <li><a id="t2m" href="#" onClick="javascript: update_variable('t2m');">2m Temperature</a></li>
                <li><a id="td2m" href="#" onClick="javascript: update_variable('td2m');">2m Dew Point Temp</a></li>
                <li><a id="dewdep" href="#" onClick="javascript: update_variable('dewdep');">2m Dew Point Depression</a></li>
                <li><a id="wetbulb" href="#" onClick="javascript: update_variable('wetbulb');">2m Wet Bulb Temp</a></li>
                <li><a id="rh" href="#" onClick="javascript: update_variable('rh');">2m Relative Humidity</a></li>
                <li><a id="wind" href="#" onClick="javascript: update_variable('wind');">10m Wind Speed</a></li>
                <li><a id="windgust" href="#" onClick="javascript: update_variable('windgust');">10m Wind Gust</a></li>
                <li><a id="apparent" href="#" onClick="javascript: update_variable('apparent');">2m Apparent Temp</a></li>
            </ul>
        </li>

Javascript代码：

function update_region(input) {
window.region = input;
imageload(); };

function update_variable(input) {
window.variable = input;
imageload(); };

function imageload() {
document.imageplot.src=(/images/rtma2p5_'+region+'_'+variable+'.png'); };

我不确定这是否是从JS文件外部传递变量以定义图像URL代码的有效方法，因为我似乎根本无法使其工作。

Answer 1

尝试......

function imageload() {
  document.imageplot.src=("/images/rtma2p5_" + window.region + "_"+ window.variable + ".png");
};

您错过了引用，并未正确引用先前函数中创建的变量。您可能还想考虑一些默认值。

将变量传递给外部Javascript文件通过onClick更改图像

1 个答案: