js字符替換等操作


1、實現字符替換

如字符床"我是笑笑,小小帥帥哥!",給他變為"<a>我</a>是笑笑,小小帥帥哥"

var ysay = "我是笑笑,小小帥帥哥!";

改變並測試:

alert(ysay.replace(ysay,"<a>我</a>"));

 

2、找到我這個字符在字符串中的位置【本例使用1中原來的字符串】

alert(ysay.search("我"));

3、切分字符串為字符數組split。

4、其他【略】

5、除了字符替換直接使用外,其他的字符操作,以及切分成數組后進行的操作值得在使用中深入學習,運用。

替換實際運用中:【本例由於沒寫js的增加標簽方法,所以前面的會被覆蓋,可以根據注釋提示,使用jquery簡單實現】

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>站內搜索引擎學習</title>
</head>
<body>
<!-- 其一,可以將網頁放到數據庫保存,從而搜索,也可以根據字段搜索 -->
<!-- 根據字段進行模糊查詢 -->
<form action="" method="post">
<input type="text" name="search" id="input_search"/><input type="submit" value="搜索"/>
</form>
<button onclick="btn()">獲取</button>
<div id="container">

</div>
<script type="text/javascript">
//獲取表單中方的數據,然后查詢出的結果如果出現該字段,就字體變
//用於測試使用的數據
var test_json = [{"uname":"我很好","test":"不錯"},{"uname":"不錯,我很好的呀","test":"不錯"}];
function btn(){
    SearchProcessing(test_json);
}

//搜索處理方法,即查詢到的數據在此處理,將其字體變為css屬性變為紅絲
function SearchProcessing(test_json){
    var see= document.getElementById("input_search").value;
    var div1 = document.getElementById("container");
    var t = "";
    for(var key in test_json){
        //憑借的方法舍棄,現在直接使用替換的方法實現
        var t = test_json[key].uname;
        alert(t.replace(see,"<span style='color:red;'>"+see+"</span"));
        //下面這句只能加載最后一條記錄,前面的被刷星了,在實際運用中,則是根據循環使之有id或者class的標簽
        //這里就不寫js的添加標簽方法了,可以簡單寫一個JQUERY的,id以這里的key算了,在注釋里,以便后續調用:$("#container").append("<div id='"+key+"'>"+t.replace(see,"<span style='color:red;'>"+see+"</span>")+"</div>");
        div1.innerHTML = (t.replace(see,"<span style='color:red;'>"+see+"</span>"));
    }
    
}
</script>
</body>
</html>

上面沒有結合后台使用,所以直接用button的事件進行測試,后續自行結合ajax等實現結合即可。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM