JavaScript 獲得DOM文本

<!DOCTYPE html>
<html>
<head>
<title>新建網頁</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<h2>獲得文本節點</h2>
<p><input type="text" id="username" value="tom" name="mingzi"></p>
<p><input type="text" id="useremail" value="tom@163.com" name="youxiang"></p>
</body>
</html>
<script type="text/javascript">
var hh=document.getElementsByTagName('h2')[0];
console.log(hh.firstChild);//<TextNode textContent="獲得文本節點">
console.log(hh.lastChild);//<TextNode textContent="獲得文本節點">
//通過“文本節點”獲得對應的文本信息
console.log(hh.firstChild.nodeValue);//獲得文本節點
console.log(hh.firstChild.nodeType);//3 文本節點
</script>

謂多行文本輸入控件，就是網頁表單中，因輸入內容較多需換行顯示的文本輸入控件，一般為textarea元素。很多富文本輸入框也是對textarea進行包裝。

多選文本輸入框

自動填寫多行文本輸入控件的五種方法
1、通過修改元素屬性填表
textarea元素比較特殊，在html中直接指定value屬性值是無效的。修改textarea元素的text屬性，可以實現自動填表，但要求textarea元素未被腳本賦值的情況下text才有效。修改text屬性不會觸發元素綁定的事件，但在木頭瀏覽器填寫項目中，可以明確指定填表前和填表后需要觸發的事件。

修改元素屬性

2、由系統向瀏覽器發送數據
在window系統下，這幾乎是一個萬能的方法，支持中文輸入，獲得控件元素后，填寫屬性設置為KeyboardSend。在自動輸入前，瀏覽器會自我激活為當前活動窗口，同時把輸入焦點轉移到設定的多行文本控件上。在輸入過程中，不能手工干預，不能讓控件失去焦點，也不能切換到別的程序窗口。輸入遠程會觸發控件綁定的事件代碼。

系統向瀏覽器發送內容

3、模擬人工鍵盤操作
獲取元素后，把填寫屬性設置為Keyboard，能達到人工按下實體鍵盤一樣的效果，因此不能輸入中文，執行時同樣會自動激活瀏覽器窗體，輸入焦點轉移到多選文本控件上。輸入過程中會觸發元素綁定的相關事件。

模擬人工按鍵

4、模擬鍵盤事件
在不按下鍵盤的情況下，直接產生按鍵事件作用于當前活動窗口，獲取元素后設置填寫屬性為KeyboardEvent。與模擬人工操作效果一樣，自動激活瀏覽器窗體，定位輸入焦點到多行文本控件上才能完成輸入，亦不支持中文輸入，會觸發元素控件綁定的腳本事件。

發送鍵盤事件

5、執行腳本代碼控制輸入
在項目管理窗口中，創建一個腳本代碼的步驟，執行JavaScript代碼修改textarea的value屬性值。注意：textarea雖然在html中沒有value屬性，但在JavaScript代碼中是支持的。不管textarea是否被賦初值，都不影響腳本執行填表效果。

document.getElementsByTagName("textarea")[0].value="木頭軟件";

也可以使用JQuery代碼，只要勾選【引入JQuery】，瀏覽器自動引用JQuery庫
$("textarea").eq(0).val("木頭軟件");

腳本填表多行文本框

執行以上腳本輸入內容后，不會觸發控件綁定的事件，如有必要，可以在代碼中主動調用相關的事件處理代碼。也可以再添加一個填表步驟項目來主動觸發事件代碼執行。

ervlet 過濾器可以動態地攔截請求和響應，以變換或使用包含在請求或響應中的信息。

可以將一個或多個 Servlet 過濾器附加到一個 Servlet 或一組 Servlet。Servlet 過濾器也可以附加到 JavaServer Pages (JSP) 文件和 HTML 頁面。調用 Servlet 前調用所有附加的 Servlet 過濾器。

Servlet 過濾器是可用于 Servlet 編程的 Java 類，可以實現以下目的：

在客戶端的請求訪問后端資源之前，攔截這些請求。
在服務器的響應發送回客戶端之前，處理這些響應。

根據規范建議的各種類型的過濾器：

身份驗證過濾器（Authentication Filters）。
數據壓縮過濾器（Data compression Filters）。
加密過濾器（Encryption Filters）。
觸發資源訪問事件過濾器。
圖像轉換過濾器（Image Conversion Filters）。
日志記錄和審核過濾器（Logging and Auditing Filters）。
MIME-TYPE 鏈過濾器（MIME-TYPE Chain Filters）。
標記化過濾器（Tokenizing Filters）。
XSL/T 過濾器（XSL/T Filters），轉換 XML 內容。

過濾器通過 Web 部署描述符（web.xml）中的 XML 標簽來聲明，然后映射到您的應用程序的部署描述符中的 Servlet 名稱或 URL 模式。

當 Web 容器啟動 Web 應用程序時，它會為您在部署描述符中聲明的每一個過濾器創建一個實例。

Filter的執行順序與在web.xml配置文件中的配置順序一致，一般把Filter配置在所有的Servlet之前。

Servlet 過濾器方法

過濾器是一個實現了 javax.servlet.Filter 接口的 Java 類。javax.servlet.Filter 接口定義了三個方法：

序號	方法 & 描述
1	public void doFilter (ServletRequest, ServletResponse, FilterChain) 該方法完成實際的過濾操作，當客戶端請求方法與過濾器設置匹配的URL時，Servlet容器將先調用過濾器的doFilter方法。FilterChain用戶訪問后續過濾器。
2	public void init(FilterConfig filterConfig) web 應用程序啟動時，web 服務器將創建Filter 的實例對象，并調用其init方法，讀取web.xml配置，完成對象的初始化功能，從而為后續的用戶請求作好攔截的準備工作（filter對象只會創建一次，init方法也只會執行一次）。開發人員通過init方法的參數，可獲得代表當前filter配置信息的FilterConfig對象。
3	public void destroy() Servlet容器在銷毀過濾器實例前調用該方法，在該方法中釋放Servlet過濾器占用的資源。

FilterConfig 使用

Filter 的 init 方法中提供了一個 FilterConfig 對象。

如 web.xml 文件配置如下：

<filter> <filter-name>LogFilter</filter-name> <filter-class>com.runoob.test.LogFilter</filter-class> <init-param> <param-name>Site</param-name> <param-value>菜鳥教程</param-value> </init-param> </filter>

在 init 方法使用 FilterConfig 對象獲取參數：

public void init(FilterConfig config) throws ServletException { // 獲取初始化參數 String site=config.getInitParameter("Site"); // 輸出初始化參數 System.out.println("網站名稱: " + site); }

Servlet 過濾器實例

以下是 Servlet 過濾器的實例，將輸出網站名稱和地址。本實例讓您對 Servlet 過濾器有基本的了解，您可以使用相同的概念編寫更復雜的過濾器應用程序：

package com.runoob.test;//導入必需的 java 庫import javax.servlet.*;import java.util.*;//實現 Filter 類public class LogFilter implements Filter { public void init(FilterConfig config) throws ServletException { // 獲取初始化參數 String site=config.getInitParameter("Site"); // 輸出初始化參數 System.out.println("網站名稱: " + site); } public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws java.io.IOException, ServletException { // 輸出站點名稱 System.out.println("站點網址：http://www.runoob.com"); // 把請求傳回過濾鏈 chain.doFilter(request,response); } public void destroy( ){ /* 在 Filter 實例被 Web 容器從服務移除之前調用 */ }}

這邊使用前文提到的 DisplayHeader.java 為例子：

//導入必需的 java 庫import java.io.IOException;import java.io.PrintWriter;import java.util.Enumeration;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;@WebServlet("/DisplayHeader")//擴展 HttpServlet 類public class DisplayHeader extends HttpServlet { // 處理 GET 方法請求的方法 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 設置響應內容類型 response.setContentType("text/html;charset=UTF-8"); PrintWriter out=response.getWriter(); String title="HTTP Header 請求實例 - 菜鳥教程實例"; String docType="<!DOCTYPE html> \n"; out.println(docType + "<html>\n" + "<head><meta charset=\"utf-8\"><title>" + title + "</title></head>\n"+ "<body bgcolor=\"#f0f0f0\">\n" + "<h1 align=\"center\">" + title + "</h1>\n" + "<table width=\"100%\" border=\"1\" align=\"center\">\n" + "<tr bgcolor=\"#949494\">\n" + "<th>Header 名稱</th><th>Header 值</th>\n"+ "</tr>\n"); Enumeration headerNames=request.getHeaderNames(); while(headerNames.hasMoreElements()) { String paramName=(String)headerNames.nextElement(); out.print("<tr><td>" + paramName + "</td>\n"); String paramValue=request.getHeader(paramName); out.println("<td> " + paramValue + "</td></tr>\n"); } out.println("</table>\n</body></html>"); } // 處理 POST 方法請求的方法 public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); }}

Web.xml 中的 Servlet 過濾器映射（Servlet Filter Mapping）

定義過濾器，然后映射到一個 URL 或 Servlet，這與定義 Servlet，然后映射到一個 URL 模式方式大致相同。在部署描述符文件 web.xml 中為 filter 標簽創建下面的條目：

<?xml version="1.0" encoding="UTF-8"?> <web-app> <filter>
 <filter-name>LogFilter</filter-name>
 <filter-class>com.runoob.test.LogFilter</filter-class>
 <init-param>
 <param-name>Site</param-name>
 <param-value>菜鳥教程</param-value>
 </init-param></filter><filter-mapping>
 <filter-name>LogFilter</filter-name>
 <url-pattern>/*</url-pattern></filter-mapping><servlet> 
 <!-- 類名 --> 
 <servlet-name>DisplayHeader</servlet-name> 
 <!-- 所在的包 --> 
 <servlet-class>com.runoob.test.DisplayHeader</servlet-class> </servlet> <servlet-mapping> 
 <servlet-name>DisplayHeader</servlet-name> 
 <!-- 訪問的網址 --> 
 <url-pattern>/TomcatTest/DisplayHeader</url-pattern> </servlet-mapping> </web-app>

上述過濾器適用于所有的 Servlet，因為我們在配置中指定 /* 。如果您只想在少數的 Servlet 上應用過濾器，您可以指定一個特定的 Servlet 路徑。

現在試著以常用的方式調用任何 Servlet，您將會看到在 Web 服務器中生成的日志。您也可以使用 Log4J 記錄器來把上面的日志記錄到一個單獨的文件中。

使用多個過濾器

Web 應用程序可以根據特定的目的定義若干個不同的過濾器。假設您定義了兩個過濾器 AuthenFilter 和 LogFilter。您需要創建一個如下所述的不同的映射，其余的處理與上述所講解的大致相同：

<filter>
 <filter-name>LogFilter</filter-name>
 <filter-class>com.runoob.test.LogFilter</filter-class>
 <init-param> <param-name>test-param</param-name> <param-value>Initialization Paramter</param-value>
 </init-param></filter><filter>
 <filter-name>AuthenFilter</filter-name>
 <filter-class>com.runoob.test.AuthenFilter</filter-class>
 <init-param> <param-name>test-param</param-name> <param-value>Initialization Paramter</param-value>
 </init-param></filter><filter-mapping>
 <filter-name>LogFilter</filter-name>
 <url-pattern>/*</url-pattern></filter-mapping><filter-mapping>
 <filter-name>AuthenFilter</filter-name>
 <url-pattern>/*</url-pattern></filter-mapping>

過濾器的應用順序

web.xml 中的 filter-mapping 元素的順序決定了 Web 容器應用過濾器到 Servlet 的順序。若要反轉過濾器的順序，您只需要在 web.xml 文件中反轉 filter-mapping 元素即可。

例如，上面的實例將先應用 LogFilter，然后再應用 AuthenFilter，但是下面的實例將顛倒這個順序：

<filter-mapping>
 <filter-name>AuthenFilter</filter-name>
 <url-pattern>/*</url-pattern></filter-mapping><filter-mapping>
 <filter-name>LogFilter</filter-name>
 <url-pattern>/*</url-pattern></filter-mapping>

web.xml配置各節點說明

<filter>指定一個過濾器。

<filter-name>用于為過濾器指定一個名字，該元素的內容不能為空。
<filter-class>元素用于指定過濾器的完整的限定類名。
<init-param>元素用于為過濾器指定初始化參數，它的子元素<param-name>指定參數的名字，<param-value>指定參數的值。
在過濾器中，可以使用FilterConfig接口對象來訪問初始化參數。

<filter-mapping>元素用于設置一個 Filter 所負責攔截的資源。一個Filter攔截的資源可通過兩種方式來指定：Servlet 名稱和資源訪問的請求路徑

<filter-name>子元素用于設置filter的注冊名稱。該值必須是在<filter>元素中聲明過的過濾器的名字
<url-pattern>設置 filter 所攔截的請求路徑(過濾器關聯的URL樣式)

<servlet-name>指定過濾器所攔截的Servlet名稱。
<dispatcher>指定過濾器所攔截的資源被 Servlet 容器調用的方式，可以是REQUEST,INCLUDE,FORWARD和ERROR之一，默認REQUEST。用戶可以設置多個<dispatcher>子元素用來指定 Filter 對資源的多種調用方式進行攔截。
<dispatcher>子元素可以設置的值及其意義

REQUEST：當用戶直接訪問頁面時，Web容器將會調用過濾器。如果目標資源是通過RequestDispatcher的include()或forward()方法訪問時，那么該過濾器就不會被調用。
INCLUDE：如果目標資源是通過RequestDispatcher的include()方法訪問時，那么該過濾器將被調用。除此之外，該過濾器不會被調用。
FORWARD：如果目標資源是通過RequestDispatcher的forward()方法訪問時，那么該過濾器將被調用，除此之外，該過濾器不會被調用。
ERROR：如果目標資源是通過聲明式異常處理機制調用時，那么該過濾器將被調用。除此之外，過濾器不會被調用。

在線咨詢

上一篇：HTML DOM Option 對象
下一篇：還有這種操作？好用和輕量化的軟件或捷徑推薦

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JavaScript 獲得DOM文本

您的項目需求