(一)
seperate.html
- <html>
- <head>
- <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
- <title>Separatespace</title>
- <scriptlanguage="JavaScript"type="text/javascript">
- //trim方法,去除两端空格
- functiontrim(str){
- for(vari=0;i<str.length&&str.charAt(i)=="";i++);
- for(varj=str.length;j>0&&str.charAt(j-1)=="";j--);
- if(i>j)return"";
- returnstr.substring(i,j);
- }
- functiongetValue(){
- varvalue=document.getElementById("text").value;
- //数组
- varseparate=newArray();
- value=trim(value);
- //存放div的值
- varinnerText="";
- separate=value.split(/\s+/);
- if(separate[0]==""){
- document.getElementById("result").innerHTML="";
- }
- else{
- for(vari=0;i<separate.length;i++){
- varinnerDesc="第"+(i+1)+"个字符串:";
- varinnerValue=""+separate[i]+"<br>";
- varinnerText=innerText+innerDesc+innerValue;
- }
- document.getElementById("result").innerHTML=innerText;
- }
- }
- </script>
- </head>
- <body>
- <div>
- 输入框:<inputid="text"type="text"name="text"><BR><BR>
- <inputid="button"type="button"name="button"value="分离"onClick="getValue();">
- <divid="result">
- </div>
- </div>
- </body>
- </html>
-----------------------------------------------------------------------------------------------------
(二)
separate.jsp
- <scriptlanguage="JavaScript"type="text/javascript">
- functiongetValue(){
- varvalue=document.getElementById('text').value;
- varurl="result.jsp?value="+value;
- url=encodeURI(url);
- window.location.href=url;
- }
- </script>
- </head>
- <body>
- 输入框:<inputid="text"type="text"name="text"><BR><BR>
- <inputid="button"type="button"name="button"value="分离"onClick="getValue();">
result.jsp
- <body>
- <%
- //用javascript方法getValue(),把值传过来
- Stringvalue=request.getParameter("value");
- //乱码处理
- value=newString(value.getBytes("iso-8859-1"),"UTF-8");
- out.println("原字符串:"+value+"<br><hr>");
- out.println("分离后:"+"<br>");
- //正则表达式得到去除空格后的字符串,依次存入数组separate
- String[]separate=value.trim().split("\\s+");
- for(inti=1;i<separate.length+1;i++){
- %>
- <tr>
- <td><%out.println("第"+i+"个字符串:");%><%=separate[i-1]%></td>
- </tr>
- <br>
- <%
- }
- %>
- </body>