TML:完成页面的内容展示
CSS:完成页面样式的控制,美化页面,完成页面的布局。
表单:用于采集用户输入的数据。用于和服务器进行交互。
form:用于定义表单的。可以定义一个范围(代表用户采集数据的范围)
属性:action:指定提交数据的url(指的就是把数据提交到哪里)
method:指定提交方式
分类:一共有7种,2种比较常用。
get:1.请求参数会在地址栏显示
2.请求参数的长度是有限制的。
3.请求不安全
post:1.请求参数不会在地址栏显示,会封装在请求体中。
2.请求参数的长度没有限制
3.较为安全
表单里面的数据要想被提交,必须指定它的name属性
文档移动到新的位置,我们需要向客户端发送这个新位置时,我们需要用到网页重定向。当然,也可能是为了负载均衡,或者只是为了简单的随机,这些情况都有可能用到网页重定向。
重定向请求到另一个网页的最简单的方式是使用 response 对象的 sendRedirect() 方法。下面是该方法的定义:
public void HttpServletResponse.sendRedirect(String location)throws IOException
该方法把响应连同状态码和新的网页位置发送回浏览器。您也可以通过把 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 文件中创建以下条目:
.... <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小时内与您取得联系。