javascript正则表达式分离字符串空格

最新推荐文章于 2024-06-24 11:55:41 发布

digyso888

最新推荐文章于 2024-06-24 11:55:41 发布

阅读量1.2k

点赞数

分类专栏： JavaScript 正则表达式文章标签： javascript 正则表达式 button url string div

本文链接：https://blog.csdn.net/digyso888/article/details/3451012

版权

JavaScript 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

正则表达式

5 篇文章 0 订阅

订阅专栏

（一）

seperate.html

 
 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Separate space</title>
<script language="JavaScript" type="text/javascript">
//trim方法，去除两端空格
function trim(str){
    for(var i = 0; i<str.length && str.charAt(i)==" "; i++ );
    for(var j =str.length; j>0 && str.charAt(j-1)==" "; j--);
    if(i>j) return "";
    return str.substring(i,j);
}
function getValue() {
    
    var value = document.getElementById("text").value;
    //数组
    var separate = new Array();
    value = trim(value);
    //存放div的值
    var innerText = "";
    separate = value.split(//s+/);
    if(separate[0]=="") {
        document.getElementById("result").innerHTML = "";
    }
    else {
        for(var i=0; i<separate.length; i++) {
            var innerDesc = "第" + (i+1) + "个字符串：";
            var innerValue = "" + separate[i] + "<br>";
            var innerText = innerText + innerDesc + innerValue;
        }
        document.getElementById("result").innerHTML = innerText;
    }
}
</script>
</head>
<body>
    <div>
        输入框：<input id="text" type="text" name="text"><BR><BR>
        <input id="button" type="button" name="button" value="分离" onClick="getValue();">
        <div id="result">
        </div>      
    </div>    
          
</body>
</html>
 

-----------------------------------------------------------------------------------------------------

（二）

separate.jsp

 
 <script language="JavaScript" type="text/javascript">
function getValue() {
    
    var value = document.getElementById('text').value;
    var url = "result.jsp?value=" + value;
    url = encodeURI(url);
    window.location.href = url;
}
</script>
</head>
<body>
    输入框：<input id="text" type="text" name="text"><BR><BR>
          <input id="button" type="button" name="button" value="分离" onClick="getValue();">
 

result.jsp

 
 <body>
    <% 
        //用javascript方法getValue()，把值传过来 
        String value = request.getParameter("value");
        //乱码处理 
        value = new String(value.getBytes("iso-8859-1"),"UTF-8");
        out.println("原字符串： " + value + "<br><hr>");
        out.println("分离后：" + "<br>");
        
        //正则表达式得到去除空格后的字符串，依次存入数组 separate 
        String[] separate = value.trim().split("//s+");
        for(int i=1; i<separate.length+1; i++) {
    %>
            <tr>
                <td><%out.println("第" + i + "个字符串:");%><%=separate[i-1]%></td>
            </tr>
            <br>
    <%
        }
    %>
</body>
 

digyso888

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript正则表达式分离字符串空格

（一）seperate.html html>head>meta http-equiv="Content-Type" content="text/html; charset=UTF-8">title>Separate spacetitle>script language="JavaScript" type="text/javascript">//trim方法，去除
复制链接

扫一扫

专栏目录