jquery error(),使用 error() 方法捕获错误
jquery error(),对于那些以前已经用 JAVA 编程过的人,或者尝试过任何涉及错误处理的编程语言的人,那么你可能已经知道一些处理错误的技巧。在 Java 的情况下,有一个称为“try catch”的块来处理错误。在 JQUERY 中,我们还有一个方法尝试以 error() 方法的形式处理错误事件。
语法:
$(selector).error()
$(selector).error([HANDLER([EVENT OBJECT])); HANDLER(EVENT OBJECT) – 每次调用事件时执行的函数。
代码
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#img1").error(function(){
alert("Image cannot be loaded");
});
});
</script>
</head>
<body>
<img id="img1" src="butterflies.png" alt="image of butterflies" width="300" height="250"><br>
<button type="button" id="btn-load">Load Image</button>
</body>
</html>
根据我们上面的示例,error() 方法会自动触发,因为它无法找到“butterflies.png”文件。将显示一条警告消息,指示该文件不存在。大多数情况下,您可以将其用作一种陷阱,或者让用户知道某些元素无法加载。这将为您的网站访问者提供良好的使用体验,因为它会跟踪有错误的 HTML 元素。您还可以在 JQUERY 中使用 html() 或 load() 方法加载文本或 html 文件时使用它,这样将无法找到这些文件。
常见问题FAQ
- 程序仅供学习研究,请勿用于非法用途,不得违反国家法律,否则后果自负,一切法律责任与本站无关。
- 请仔细阅读以上条款再购买,拍下即代表同意条款并遵守约定,谢谢大家支持理解!