TML:完成頁面的內容展示
CSS:完成頁面樣式的控制,美化頁面,完成頁面的布局。
表單:用于采集用戶輸入的數據。用于和服務器進行交互。
form:用于定義表單的。可以定義一個范圍(代表用戶采集數據的范圍)
屬性:action:指定提交數據的url(指的就是把數據提交到哪里)
method:指定提交方式
分類:一共有7種,2種比較常用。
get:1.請求參數會在地址欄顯示
2.請求參數的長度是有限制的。
3.請求不安全
post:1.請求參數不會在地址欄顯示,會封裝在請求體中。
2.請求參數的長度沒有限制
3.較為安全
表單里面的數據要想被提交,必須指定它的name屬性
文檔移動到新的位置,我們需要向客戶端發(fā)送這個新位置時,我們需要用到網頁重定向。當然,也可能是為了負載均衡,或者只是為了簡單的隨機,這些情況都有可能用到網頁重定向。
重定向請求到另一個網頁的最簡單的方式是使用 response 對象的 sendRedirect() 方法。下面是該方法的定義:
public void HttpServletResponse.sendRedirect(String location)throws IOException
該方法把響應連同狀態(tài)碼和新的網頁位置發(fā)送回瀏覽器。您也可以通過把 setStatus() 和 setHeader() 方法一起使用來達到同樣的效果:
....String site = "http://www.run.com" ;response.setStatus(response.SC_MOVED_TEMPORARILY);response.setHeader("Location", site); ....
實例
本實例顯示了 Servlet 如何進行頁面重定向到另一個位置:
package com.runoob.test;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/** * Servlet implementation class PageRedirect */@WebServlet("/PageRedirect")public class PageRedirect extends HttpServlet{ public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 設置響應內容類型 response.setContentType("text/html;charset=UTF-8"); // 要重定向的新位置 String site = new String("http://www.runoob.com"); response.setStatus(response.SC_MOVED_TEMPORARILY); response.setHeader("Location", site); }}
現在讓我們來編譯上面的 Servlet,并在 web.xml 文件中創(chuàng)建以下條目:
.... <servlet> <servlet-name>PageRedirect</servlet-name> <servlet-class>PageRedirect</servlet-class> </servlet> <servlet-mapping> <servlet-name>PageRedirect</servlet-name> <url-pattern>/TomcatTest/PageRedirect</url-pattern> </servlet-mapping>....
現在通過訪問 URL http://localhost:8080/PageRedirect 來調用這個 Servlet。這將把您轉到給定的 URL http://www.run.com。
IE8以認為只有文本標簽才有name屬性的, 一些元素標簽用document.getElementsByName獲取不到DOM, 如DIV,span等, 這里做一下兼容。
HTML:
<div name="gas">我是gas</div>
<div name="gas">我是gas</div>
<div name="gas">我是gas</div>
<div name="gas">我是gas</div>
<div name="gas">我是gas</div>
編寫自定義函數
function getByName(Name) { // 編寫兼容性函數
var i = document.getElementsByName(Name)
if (i > 0) {
return i;
} else {
var aEle = document.getElementsByTagName('*');
var arr = [];
for (var i = 0; i < aEle.length; i++) {
if (aEle[i].getAttribute("name") == Name) {
arr.push(aEle[i])
}
}
return arr;
}
}
// 使用方法:
*請認真填寫需求信息,我們會在24小時內與您取得聯(lián)系。