Question

我有一个ID为lblppb的标签，并将IMG标签指定为字符串，如下所示：

lblppb.Text = "<a href='//media.mercola.com/themes/mercola/images/view-all-health-topics.jpg' target='_blank' id='BannerLink1'><img alt='Banner' src='../Desert.jpg' height='250' width='300'onclick='alert('Hello..!!')'></a>";

此标签位于div中，它显示来自src的指定图像，但是当我点击该图像时，我想生成一个警告......

HELP ..！提前谢谢..

Answer 1

首先，我总是喜欢使用外部脚本而不是使用静态内联脚本。内联脚本的可维护性较差，如果测试它变得最糟糕。但是，当您切换到外部脚本时，它可以让您将代码放在一个更加可测试的单独模块中。

如果您有修改 img 标记的选项，我肯定会告诉您按以下方式执行操作：

在 img 中添加 id 属性并保持一致。我已将其命名为（ id ） bannerImg

lblppb.Text = "<a href='http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg' target='_blank' id='BannerLink1'><img alt='Banner' id='bannerImg' src='https://lh5.googleusercontent.com/-WsZ4Q7Y156A/AAAAAAAAAAI/AAAAAAAAABM/vN1-gy0xZQU/photo.jpg' height='250' width='300'></a>";

现在在页面的head部分或任何外部.js文件中添加以下脚本，

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script>
    $(document).ready(function () {
        $("#bannerImg").click(function () {
            alert("Hello..!!");
        });
    });
</script>

注意： 请记住，在使用脚本之前必须包含jQuery。

或者，

当onclick事件被触发时，调用一个函数并完成你的工作。

<script type="text/javascript">
    function alertMe() {
        alert("Hello....!!!!");
    }
</script>


lblppb.Text = "<a href='http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg' target='_blank' id='BannerLink1'><img alt='Banner' id='bannerImg' src='https://lh5.googleusercontent.com/-WsZ4Q7Y156A/AAAAAAAAAAI/AAAAAAAAABM/vN1-gy0xZQU/photo.jpg' height='250' width='800' onclick='alertMe();'></a>";

Answer 2

它们似乎在图像宽度和onlick事件调用之间没有空格 width='300'onclick='alert('Hello..!!')'。你必须按照下面的方式将它们分开，然后再试一次。

width='300' onclick='alert('Hello..!!')'

或者，因为您对显示流行警报消息感到好奇。下面的代码应该让你去

<html><head>

<script type="text/javascript">
<!--

function validate()
{
  alert( "Please provide your Profile Picture!" );
return( true );
}
</script>

</head><body>



lblppb.Text = "<a href='//media.mercola.com/themes/mercola/images/view-all-health-topics.jpg' target='_blank' id='BannerLink1'>
<img alt='Banner' src='../Desert.jpg' height='250' width='300' onclick="return(validate());"></a>";

</body></html>

如果你还需要进一步的帮助，请给我一个喊叫。 Sectona ...

OnClick事件未在IMG标记上调用

2 个答案: