设置

标签加载失败时的默认图片

案例1， img标签的src可以去请求后台的资源，比如，可以去请求后台的Servlet

img标签的src可以去请求后台的Servlet，如下图：

其他案例，img标签的onerror事件

源代码如下：

imgTag.html页面

img标签知识点

img标签知识点

设置img标签加载失败时的默认图片,有2种方式：

方式1.οnerrοr="οnerrοr=null;src='默认图片的url地址'"

方式2.在οnerrοr事件中调用函数，比如οnerrοr="nofind(this);"

src不写，或者等于空字符串( ="" )， 在img有宽高的情况下，会出现 一个小方框，或者是一张破碎的图片，表示加载失败。

src的图片路径能正确找到时，不会执行nofind()函数，即不会触发onerror事件

设置img标签加载失败时的默认图片(src=""时，会显示默认图片)

设置img标签加载失败时的默认图片(src不写时，不会显示默认图片)

设置img标签加载失败时的默认图片(src的图片地址找不到时，会显示默认图片)

src等于空字符串(即src="")时，会执行nofind()函数，即会触发onerror事件

src的图片地址找不到时，会执行nofind()函数，即会触发onerror事件

(我为了做测试，故意写成src="bbb.jpg"，因为项目中根本就没有bbb.jpg这张图片,即找不到bbb.jpg这张图片)

src不写时，不会执行nofind()函数，即不会触发onerror事件

Servlet源代码

package com.jiongmeng.servlet;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletConfig;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

/**

* 测试表单的get和post提交方式有什么不同

*/

@WebServlet("/form")

public class Form extends HttpServlet {

private static final long serialVersionUID = 1L;

public static final String AJAX_POST_ENCODE = "UTF-8";

protected void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

doPost(request, response);

}

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

response.setContentType("text/html;charset=UTF-8");

request.setCharacterEncoding(AJAX_POST_ENCODE);

PrintWriter pw = response.getWriter();

String city = request.getParameter("city");

String userName = request.getParameter("userName");

String age = request.getParameter("age");

String homeTown = request.getParameter("homeTown");

String salary = request.getParameter("salary");

String submitButton = request.getParameter("submitButton");

System.out.println("city=" + city);

System.out.println("userName=" + userName);

System.out.println("age=" + age);

System.out.println("homeTown=" + homeTown);

System.out.println("salary=" + salary);

System.out.println("submitButton=" + submitButton);

pw.print("city="+city+";userName="+userName + ";age="+age+";homeTown="+homeTown+";salary="+salary+";submitButton="+submitButton+";");

pw.flush();

pw.close();

}

@Override

public void init(ServletConfig config) throws ServletException {

}

}