Question

<a href="#" 
    onmouseout="MM_swapImgRestore()" 
    onmouseover="MM_swapImage('Home','','Images/menuButtons/home_out.png',1)" 
    onclick="alert("Hello")" ><img onclick="alert("Hello")" 
    src="Images/menuButtons/home_on.png" 
    alt="Home" name="Home" width="164" height="64" border="0" id="Home" />
</a><br/>

我正在尝试使用翻转图像创建导航菜单栏。 Rollover Image部件由Dreamweaver创建，因此所有MM_functions。但是onclick，我想改变主框架的内容，而不仅仅是打开超链接。

所以我尝试了onclick="JS_funtion()"以及onMouseDown和onMouseUP。似乎没什么用。它甚至没有像示例所示那样调用函数，我试图调用alert()但仍然没有工作。我是HTML / Javascript的新手。

我做错了什么？

我的网站是www.sitebloviate.com

Answer 1

Arjan是对的，你不能在双引号属性中使用双引号。

其他事项：

您的图片中不需要onclick，锚标记就可以，
设置href="#"通常是不好的做法。最好将它设置为一个真正的链接，这样如果用户右键单击并选择“在新标签页中打开”，则会将它们带到有意义的位置。

要做后者，你需要通过返回false来取消事件。

示例：

<a href="/path/to/real/page" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Images/menuButtons/home_out.png',1)" onclick="alert('Hello'); return false;" >
<img src="Images/menuButtons/home_on.png" alt="Home" name="Home" width="164" height="64" border="0" id="Home" /></a><br/>

Answer 2

如果您将onclick="alert("Hello")"替换为onclick="alert('Hello')"（请注意（和）之间的不同引号），它将起作用。

Answer 3

我认为您的问题是onclick="alert("Hello")"应该onclick="alert('Hello')"使用单引号来表示文字字符串。它可能在那里窒息。

需要帮助Image Buttons

3 个答案: