将变量传递给外部 javascript 文件以通过 onClick 更改图像
Passing Variable To External Javascript File To Change Images Via onClick
我目前有大量图像,我想在将某些变量传递给外部JS文件后显示这些图像:
网页代码:
<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 代码的有效方法,因为我似乎根本无法让它工作。
试试...
function imageload() {
document.imageplot.src=("/images/rtma2p5_" + window.region + "_"+ window.variable + ".png");
};
您缺少引号,并且未正确引用在先前函数中创建的变量。 您可能还需要考虑一些默认值。
相关文章:
- 使用javascript onclick下拉菜单进行图像交换
- 如果没有历史记录,我如何隐藏图像或按钮onclick=;历史.go(-1);
- 如何通过一个onclick事件更改两个单独的图像
- 如何使用onclick事件点击一个图像,并让它更改同一网页上的另一个图像
- 多次更改 onclick() 函数(播放/暂停图像更改)
- javascript onclick获取不带路径的图像名称
- 如何使用 jquery、声音/静音按钮更改图像 SRC onclick
- 如何使用 OnClick 事件更改结构 JS 的覆盖图像
- JavaScript类更改onClick重新定位图像
- 如何在asp.net图像控件中使用OnClick属性来制作图像库
- 如何读取存储在图像的数据src中的URL,并在另一个img控制器的src中设置该URL onclick
- 如何在类型为“”的输入上调用onclick函数;图像”;
- 带有onclick切换的Javascript图像滚动
- 使用setTimer重置图像(onclick)
- Javascript&Css - onclick() 上的图像修改
- Javascript/HTML:onClick图像警报不起作用
- onclick图像上使用Javascript导航到另一个页面
- 用Javascript饱和onclick图像
- onclick图像没有得到
- HTML onclick图像不工作