設(shè)置

標簽加載失敗時的默認圖片

案例1，?img標簽的src可以去請求后臺的資源，比如，可以去請求后臺的Servlet

img標簽的src可以去請求后臺的Servlet，如下圖：

其他案例，img標簽的onerror事件

源代碼如下：

imgTag.html頁面

img標簽知識點

img標簽知識點

設(shè)置img標簽加載失敗時的默認圖片,有2種方式：

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

方式2.在οnerrοr事件中調(diào)用函數(shù)，比如οnerrοr="nofind(this);"

src不寫，或者等于空字符串( ="" )， 在img有寬高的情況下，會出現(xiàn) 一個小方框，或者是一張破碎的圖片，表示加載失敗。

src的圖片路徑能正確找到時，不會執(zhí)行nofind()函數(shù)，即不會觸發(fā)onerror事件

設(shè)置img標簽加載失敗時的默認圖片(src=""時，會顯示默認圖片)

設(shè)置img標簽加載失敗時的默認圖片(src不寫時，不會顯示默認圖片)

設(shè)置img標簽加載失敗時的默認圖片(src的圖片地址找不到時，會顯示默認圖片)

src等于空字符串(即src="")時，會執(zhí)行nofind()函數(shù)，即會觸發(fā)onerror事件

src的圖片地址找不到時，會執(zhí)行nofind()函數(shù)，即會觸發(fā)onerror事件

(我為了做測試，故意寫成src="bbb.jpg"，因為項目中根本就沒有bbb.jpg這張圖片,即找不到bbb.jpg這張圖片)

src不寫時，不會執(zhí)行nofind()函數(shù)，即不會觸發(fā)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 {

}

}

總結(jié)

以上是生活随笔為你收集整理的html方框中能放置图片么,html中的img标签你不知道的那些细节！的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。