整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
自定義標(biāo)簽是用戶定義的JSP語(yǔ)言元素。當(dāng)JSP頁(yè)面包含一個(gè)自定義標(biāo)簽時(shí)將被轉(zhuǎn)化為servlet，標(biāo)簽轉(zhuǎn)化為對(duì)被 稱為tag handler的對(duì)象的操作，即當(dāng)servlet執(zhí)行時(shí)Web container調(diào)用那些操作。
JSP標(biāo)簽擴(kuò)展可以讓你創(chuàng)建新的標(biāo)簽并且可以直接插入到一個(gè)JSP頁(yè)面。 JSP 2.0規(guī)范中引入Simple Tag Handlers來(lái)編寫這些自定義標(biāo)記。
你可以繼承SimpleTagSupport類并重寫的doTag()方法來(lái)開(kāi)發(fā)一個(gè)最簡(jiǎn)單的自定義標(biāo)簽。
創(chuàng)建"Hello"標(biāo)簽
接下來(lái)，我們想創(chuàng)建一個(gè)自定義標(biāo)簽叫作<ex:Hello>，標(biāo)簽格式為：
<ex:Hello />
要?jiǎng)?chuàng)建自定義的JSP標(biāo)簽，你首先必須創(chuàng)建處理標(biāo)簽的Java類。所以，讓我們創(chuàng)建一個(gè)HelloTag類，如下所示：
package com.runoob;
import javax.servlet.jsp.tagext.*;
import javax.servlet.jsp.*;
import java.io.*;
public class HelloTag extends SimpleTagSupport {
public void doTag() throws JspException, IOException {
JspWriter out = getJspContext().getOut();
out.println("Hello Custom Tag!");
}
}
以下代碼重寫了doTag()方法，方法中使用了getJspContext()方法來(lái)獲取當(dāng)前的JspContext對(duì)象，并將"Hello Custom Tag!"傳遞給JspWriter對(duì)象。
編譯以上類，并將其復(fù)制到環(huán)境變量CLASSPATH目錄中。最后創(chuàng)建如下標(biāo)簽庫(kù)：<Tomcat安裝目錄>webapps\ROOT\WEB-INF\custom.tld。
<taglib>
<tlib-version>1.0</tlib-version>
<jsp-version>2.0</jsp-version>
<short-name>Example TLD</short-name>
<tag>
<name>Hello</name>
<tag-class>com.runoob.HelloTag</tag-class>
<body-content>empty</body-content>
</tag>
</taglib>
接下來(lái)，我們就可以在JSP文件中使用Hello標(biāo)簽：
<%@ taglib prefix="ex" uri="WEB-INF/custom.tld"%>
<html>
<head>
<title>A sample custom tag</title>
</head>
<body>
<ex:Hello/>
</body>
</html>
以上程序輸出結(jié)果為：
Hello Custom Tag!
訪問(wèn)標(biāo)簽體
你可以像標(biāo)準(zhǔn)標(biāo)簽庫(kù)一樣在標(biāo)簽中包含消息內(nèi)容。如我們要在我們自定義的Hello中包含內(nèi)容，格式如下：
<ex:Hello>
This is message body
</ex:Hello>
我們可以修改標(biāo)簽處理類文件，代碼如下：
package com.runoob;
import javax.servlet.jsp.tagext.*;
import javax.servlet.jsp.*;
import java.io.*;
public class HelloTag extends SimpleTagSupport {
StringWriter sw = new StringWriter();
public void doTag()
throws JspException, IOException
{
getJspBody().invoke(sw);
getJspContext().getOut().println(sw.toString());
}
}
接下來(lái)我們需要修改TLD文件，如下所示：
<taglib>
<tlib-version>1.0</tlib-version>
<jsp-version>2.0</jsp-version>
<short-name>Example TLD with Body</short-name>
<tag>
<name>Hello</name>
<tag-class>com.runoob.HelloTag</tag-class>
<body-content>scriptless</body-content>
</tag>
</taglib>
現(xiàn)在我們可以在JSP使用修改后的標(biāo)簽，如下所示:
<%@ taglib prefix="ex" uri="WEB-INF/custom.tld"%>
<html>
<head>
<title>A sample custom tag</title>
</head>
<body>
<ex:Hello>
This is message body
</ex:Hello>
</body>
</html>
以上程序輸出結(jié)果如下所示：
This is message body
自定義標(biāo)簽屬性
你可以在自定義標(biāo)準(zhǔn)中設(shè)置各種屬性，要接收屬性，值自定義標(biāo)簽類必須實(shí)現(xiàn)setter方法， JavaBean 中的setter方法如下所示：
package com.runoob;
import javax.servlet.jsp.tagext.*;
import javax.servlet.jsp.*;
import java.io.*;
public class HelloTag extends SimpleTagSupport {
private String message;
public void setMessage(String msg) {
this.message = msg;
}
StringWriter sw = new StringWriter();
public void doTag()
throws JspException, IOException
{
if (message != null) {
/* 從屬性中使用消息 */
JspWriter out = getJspContext().getOut();
out.println( message );
}
else {
/* 從內(nèi)容體中使用消息 */
getJspBody().invoke(sw);
getJspContext().getOut().println(sw.toString());
}
}
}
屬性的名稱是"message"，所以setter方法是的setMessage()。現(xiàn)在讓我們?cè)赥LD文件中使用的<attribute>元素添加此屬性：
<taglib>
<tlib-version>1.0</tlib-version>
<jsp-version>2.0</jsp-version>
<short-name>Example TLD with Body</short-name>
<tag>
<name>Hello</name>
<tag-class>com.runoob.HelloTag</tag-class>
<body-content>scriptless</body-content>
<attribute>
<name>message</name>
</attribute>
</tag>
</taglib>
現(xiàn)在我們就可以在JSP文件中使用message屬性了，如下所示：
<%@ taglib prefix="ex" uri="WEB-INF/custom.tld"%>
<html>
<head>
<title>A sample custom tag</title>
</head>
<body>
<ex:Hello message="This is custom tag" />
</body>
</html>
以上實(shí)例數(shù)據(jù)輸出結(jié)果為：
This is custom tag
你還可以包含以下屬性：
| 屬性 | 描述 |
|---|---|
| name | 定義屬性的名稱。每個(gè)標(biāo)簽的是屬性名稱必須是唯一的。 |
| required | 指定屬性是否是必須的或者可選的,如果設(shè)置為false為可選。 |
| rtexprvalue | 聲明在運(yùn)行表達(dá)式時(shí)，標(biāo)簽屬性是否有效。 |
| type | 定義該屬性的Java類類型 。默認(rèn)指定為 String |
| description | 描述信息 |
| fragment | 如果聲明了該屬性,屬性值將被視為一個(gè) JspFragment。 |
以下是指定相關(guān)的屬性實(shí)例：
.....
<attribute>
<name>attribute_name</name>
<required>false</required>
<type>java.util.Date</type>
<fragment>false</fragment>
</attribute>
.....
如果你使用了兩個(gè)屬性，修改TLD文件，如下所示：
.....
<attribute>
<name>attribute_name1</name>
<required>false</required>
<type>java.util.Boolean</type>
<fragment>false</fragment>
</attribute>
<attribute>
<name>attribute_name2</name>
<required>true</required>
<type>java.util.Date</type>
</attribute>
.....
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
覽器支持
所有主流瀏覽器都支持 <a> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<a> 標(biāo)簽定義超鏈接，用于從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面。
<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標(biāo)。
在所有瀏覽器中，鏈接的默認(rèn)外觀如下：
未被訪問(wèn)的鏈接帶有下劃線而且是藍(lán)色的
已被訪問(wèn)的鏈接帶有下劃線而且是紫色的
活動(dòng)鏈接帶有下劃線而且是紅色的
提示和注釋
提示：如果沒(méi)有使用 href 屬性，則不能使用 hreflang、media、rel、target 以及 type 屬性。
提示：通常在當(dāng)前瀏覽器窗口中顯示被鏈接頁(yè)面，除非規(guī)定了其他 target。
提示：請(qǐng)使用 CSS 來(lái)改變鏈接的樣式。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中，<a> 標(biāo)簽既可以是超鏈接，也可以是錨。在 HTML5 中，<a> 標(biāo)簽是超鏈接，但是假如沒(méi)有 href 屬性，它僅僅是超鏈接的一個(gè)占位符。
HTML5 有一些新的屬性，同時(shí)不再支持一些 HTML 4.01 的屬性。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。規(guī)定目標(biāo) URL 的字符編碼。 |
| coords | coordinates | HTML5 不支持。規(guī)定鏈接的坐標(biāo)。 |
| downloadNew | filename | 指定下載鏈接 |
| href | URL | 規(guī)定鏈接的目標(biāo) URL。 |
| hreflang | language_code | 規(guī)定目標(biāo) URL 的基準(zhǔn)語(yǔ)言。僅在 href 屬性存在時(shí)使用。 |
| mediaNew | media_query | 規(guī)定目標(biāo) URL 的媒介類型。默認(rèn)值：all。僅在 href 屬性存在時(shí)使用。 |
| name | section_name | HTML5 不支持。規(guī)定錨的名稱。 |
| rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。僅在 href 屬性存在時(shí)使用。 |
| rev | text | HTML5 不支持。規(guī)定目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。 |
| shape | defaultrectcirclepoly | HTML5 不支持。規(guī)定鏈接的形狀。 |
| target | _blank_parent_self_topframename | 規(guī)定在何處打開(kāi)目標(biāo) URL。僅在 href 屬性存在時(shí)使用。 |
| typeNew | MIME_type | 規(guī)定目標(biāo) URL 的 MIME 類型。僅在 href 屬性存在時(shí)使用。注：MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<a> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<a> 標(biāo)簽支持 HTML 的事件屬性。
創(chuàng)建超級(jí)鏈接
本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
在新的瀏覽器窗口打開(kāi)鏈接
本例演示如何在新窗口打開(kāi)一個(gè)頁(yè)面，這樣的話訪問(wèn)者就無(wú)需離開(kāi)您的站點(diǎn)了。
創(chuàng)建電子郵件鏈接
本例演示如何鏈接到一個(gè)郵件。（本例在安裝郵件客戶端程序后才能工作。）
創(chuàng)建電子郵件鏈接 2
本例演示更加復(fù)雜的郵件鏈接。
使用錨跳轉(zhuǎn)到同一個(gè)頁(yè)面的不同位置
本例演示如何使用錨的 id 屬性跳轉(zhuǎn)到頁(yè)面的不同位置（ HTML5 不支持 name 屬性）
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
例
使用 <summary> 元素：
<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
瀏覽器支持
目前，只有 Chrome 和 Safari 6 支持 <summary> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<summary> 標(biāo)簽為 <details> 元素定義一個(gè)可見(jiàn)的標(biāo)題。 當(dāng)用戶點(diǎn)擊標(biāo)題時(shí)會(huì)顯示出詳細(xì)信息。
HTML 4.01 與 HTML5之間的差異
<summary> 標(biāo)簽是 HTML5 中的新標(biāo)簽。
提示和注釋
注釋：<summary> 元素應(yīng)該是 <details> 元素的第一個(gè)子元素。
全局屬性
<summary> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<summary> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
