C# OnClick事件未在IMG标记上调用_C#_Image

C# OnClick事件未在IMG标记上调用

c# image

C# OnClick事件未在IMG标记上调用,c#,image,C#,Image,我有一个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

我有一个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中指定的图像，但是当我单击该图像时，我想生成一个警报

救命啊。。！

提前感谢。

首先，我总是喜欢使用外部脚本，而不是使用静态内联脚本。内联脚本的可维护性较差，在测试的情况下，它会变得最糟糕。但是，当您切换到外部脚本时，它为您提供了将代码放在一个独立模块中的可靠性，该模块更易于测试

如果您可以选择修改您的img标签，我肯定会告诉您如下操作：

在img中添加id属性，并保持一切不变。我把它命名为bannerImg

现在在页面的标题部分或任何外部.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>";

图像宽度和onlick事件调用之间似乎没有空格 width='300'onclick='alert'你好。。！！。您必须按照下面的间隔将它们隔开，然后重试

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

或者，因为您对显示pop警报消息很好奇。下面的代码应该可以帮助您继续

<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之间没有空格与不显示警报无关。在这种情况下，给出空间只是为了代码的可读性。@ashad…我不想使用JQuery我想在Onclick事件上使用它，然后Onclick调用一个会提醒您的函数。尝试更新的答案。

<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>