Question

到目前为止，我正在使用这个：http://jsfiddle.net/k5rh3du0/

我需要使用带有图像的onLoad和onerror标记来调用函数。

    <img src="http://www.etreeblog.com/favicon.ic0" alt="status" onerror="javascript:offline(blog)" onLoad="javascript:online(blog)"/>

    <img src="http://www.etreestore.com/favicon.ic0" alt="status" onerror="javascript:offline(store)" onLoad="javascript:online(store)"/>

<script>
    offline(site){
        document.getElementById((site)).style.backgroundColor = "Red";
    }
    online(site){
        document.getElementById((site)).style.backgroundColor = "Green";
    }
   </script>
    <div style="background-color:Orange;" id="site">
        Site
    </div>

    <div style="background-color:Orange;" id="blog">
        Blog
    </div>

使用类似的东西。

我怎样才能让它发挥作用？ - 图像将具有可见性：隐藏;的CSS。

Answer 1

您的代码遇到的最大问题显示在Uncaught ReferenceErrors。

中

 offline(site){
        document.getElementById((site)).style.backgroundColor = "Red";
    }
    online(site){
        document.getElementById((site)).style.backgroundColor = "Green";
    }

值得注意的是，offline(site)和online(site)应在语法上声明为函数，如下所示。我试图解决一些代码错误：

 function offline(site){
        document.getElementById(site).style.backgroundColor = "Red";
    }
 function   online(site){
        document.getElementById(site).style.backgroundColor = "Green";
    }

此外，我还没有在HTML DOM中的任何位置声明id="store"和id="blog"。

此外，即使我不确定它是否不正确，javascript:也不必在内联事件中使用。

然而，函数onerror本身使用正确。

我建议您将来更多地关注JavaScript控制台，在那里您可以捕获大部分语法错误。

如果以任何方式帮助您，请在旁边的复选标记上标记此答案。

调用具有ID的函数进行编辑

1 个答案: