图像点击弹出警报。

问题描述：

我有一个关于如何在点击图像时产生弹出窗口的问题。我想弹出一些警报。这是我目前的HTML代码，我有工作：图像点击弹出警报。

<div> 
<div class="Zipshare"> 
    <span class ="projectIcons"> 
     <a href=""> 
     <img src="images/photostack.png" alt="" /> 
     </a> 
    </span> 
    <span class="caption"><h6>Photostack</h6></span> 
</div>

我见过描述如何产卵的警报视图，但不知道如何将其链接到一个图像其他职位。我想通过某种形式的href链接来做到这一点，但无法弄清楚。

任何帮助，将不胜感激！

你有没有用过的代码？你可以请张贴吗？ – zgood

欲了解更多信息，请参阅[alert（）]（https://www.w3schools.com/jsref/met_win_alert.asp）和[.addEventHandler（）]（https://www.w3schools.com/jsref/met_element_addeventlistener。 ASP） – RobM

答

只需添加onclick属性

<img src="images/photostack.png" onclick="alert('Hello World')" alt="" />

或者使用jQuery：

$("#img").click(function() { 
 
    alert("Hello World jQuery"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<img id="img" src="images/photostack.png" alt="" />

答

很多方法可以做到这一点...这里是一个短在线有你的HTML：

<img src="images/photostack.png" alt="" onclick="alert('you clicked it')" />

图像点击弹出警报。

相关推荐