JavaScript 按钮 SRC

Question

我需要一些有关 JavaScript img src 和 点击事件的帮助。

假设我有 2 张按钮图像，分别是按下的和未按下的。

btn1_On = new Image();
btn1_On.src = "../img/numpad/03_Button_1_Push.jpg";

btn1_Off = new Image();
btn1_Off.src = "../img/numpad/03_Button_1_No_Push.jpg";

和 html:

<div class="Numpad_1" onmousedown="btnPress('btn1');return true;"
    onmouseup="btnRelease('btn1');return true;"
    onclick="btnPress('btn1');return true;">
    <img src="..\img\numpad\03_Button_1_No_Push.jpg" id="btn1" />
</div>

我不想为html中的每个按钮增加功能，所以我创建了按下btn和释放的功能:

function btnPress(btn) {
    document.getElementById(btn).src = btn+'_On'.src;
}

function btnRelease(btn) {
    document.getElementById(btn).src = btn + '_Off.src';
}

所以，问题是，btn+'_On'.src - 无法初始化路径图像(未定义)。

感谢任何帮助。

P.S: 我有一些限制，它必须在 IE 6 上运行

Answer 1

如果您在窗口/全局上下文中创建了对象btn1_On，那么您可以使用

document.getElementById(btn).src = window[btn+'_On'].src;

<小时/>

但是，我建议创建一个对象，然后访问属性

var obj = {};
obj.btn1_On = new Image();
obj.btn1_Off = new Image();

使用括号表示法获取基于字符串的属性。

document.getElementById(btn).src = obj[btn+'_On'].src;