Javascript:使用html中的onclick警报不起作用

时间:2018-12-11 22:18:09

标签: javascript html image onclick

我一直在为学校项目编写一些代码,并且需要一些图像来触发弹出式警报,并在单击时提供信息。我不知道到底是什么问题,但是我真的很陌生,很可能在某个地方出现了格式错误。

在这里您可以看到我发出警报的功能:

function calert(a) {
    var b = '';
    switch (a) {
        case 'e' {
            b='test'
        }
    alert(b);
}

switch之前的alert()语句中会有更多项目,但是为了简洁起见,我将其删除。我在函数中使用了变量a,因此所有图像都可以使用相同的函数。

此外,这是带有onclick语句的图片代码。

<img src="https://www.ccohs.ca/images/whmis2015/for_download/biohazardous.png" alt="biohazard" style="width:150px" onclick="calert('e')">

2 个答案:

答案 0 :(得分:1)

您的开关语法错误

function calert(a) {
    var b = '';
    switch (a)
    {
        case 'e':
        b='test'
        break;
    }

    alert(b);
}

答案 1 :(得分:1)

您的脚本似乎有一些轻微的语法错误,这些是导致问题的原因。有关详细信息,请参见下面的摘录中的注释-希望对您有所帮助!

function calert(a) {
  var b = '';
  switch (a) { // Add "(a) {" here
    case 'e':  // Add ":" here
      { 
        b = 'test';
      }
  } // Add "}" here
  alert(b);
}
<img src="https://www.ccohs.ca/images/whmis2015/for_download/biohazardous.png" alt="biohazard" style="width:150px" onclick="calert('e')">