javascript文本模板用法實(shí)例
更新時(shí)間：2015年07月31日 11:50:29 作者：starstroll
這篇文章主要介紹了javascript文本模板用法,實(shí)例分析了文本模板的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了javascript文本模板用法。分享給大家供大家參考。具體如下：
這是我參考Prism.js算法寫的一個(gè)小功能，沒什么可說的，作為程序猿看例子應(yīng)該秒懂。
字符串模板引擎類：
/*class*/StringTemplate = function (
/* Optional {patt: RegExp, clPatt: RegExp}*/pattern) {
if (!!pattern) {
this.patt = pattern.patt;
this.clPatt = pattern.clPatt;
} else {
this.patt = /%\{\s*[\w\-]+\s*\}/g;
this.clPatt = /(^%\{\s*)|(\s*\}$)/g;
}
this.format = function(val, map) {
var ls = [];
var res;
var prevEnd = 0;
while ((res = this.patt.exec(val)) != null) {
var va = res[0];
var start = val.substr(prevEnd, res.index - prevEnd);
prevEnd = res.index + va.length;
ls.push(start);
var vac = va.replace(this.clPatt, "");
ls.push(map[vac]);
}
ls.push(val.substr(prevEnd, val.length));
return ls.join("");
}
}
使用方式：
var str = new StringTemplate().format("你好%{userName }, 歡迎再次登陸%{systemName}",{userName: "小明", systemName: "jb51"});
//str="你好小明, 歡迎再次登陸jb51";
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript網(wǎng)頁隨機(jī)點(diǎn)名實(shí)現(xiàn)過程解析
這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)頁隨機(jī)變色及實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
JavaScript實(shí)現(xiàn)使用Canvas繪制圖形的基本教程
本篇文章主要介紹了JavaScript實(shí)現(xiàn)使用Canvas繪制圖形的基本教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-10-10
div失去焦點(diǎn)事件實(shí)現(xiàn)思路
blur只是針對(duì)form表單控件的，而對(duì)于 span , div , li 之類的，則沒辦法觸發(fā)它們的動(dòng)作，本文有個(gè)示例，看看是怎么實(shí)現(xiàn)的2014-04-04
這篇文章主要給大家介紹了關(guān)于js獲取dom元素寬高的幾種方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了JavaScript 對(duì)象不變性，對(duì)象不變性在任何編程語言中都是一個(gè)重要的概念。它會(huì)限制對(duì)象修改并防止不需要的更改。簡(jiǎn)而言之，對(duì)象的不變性就是將它的狀態(tài)變?yōu)橹蛔x的下面詳細(xì)內(nèi)容，需要的小伙伴可以參考一下2022-02-02
本篇文章小編為大家介紹,Dom 學(xué)習(xí)以及實(shí)例的使用,需要的朋友參考下2013-04-04
IE8提示Invalid procedure call or argument 異常的解決方法
某臺(tái)機(jī)器上，訪問公司的好幾個(gè)產(chǎn)品網(wǎng)站，都拋出很多 Invalid procedure call or argument ，跟進(jìn)了下，情況最后簡(jiǎn)化為2012-09-09
JavaScript中this關(guān)鍵字用法實(shí)例分析
這篇文章主要介紹了JavaScript中this關(guān)鍵字用法,結(jié)合實(shí)例形式總結(jié)分析了javascript中this關(guān)鍵字在不同條件下的指向問題與相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了JS打開新窗口防止被瀏覽器阻止的方法,分析對(duì)比了常用方法與改進(jìn)方法,是非常實(shí)用的技巧,需要的朋友可以參考下2015-01-01
Javascript封裝DOMContentLoaded事件實(shí)例
這篇文章主要介紹了Javascript封裝DOMContentLoaded事件實(shí)例,DOMContentLoaded是FF,Opera 9的特有的Event, 當(dāng)所有DOM解析完以后會(huì)觸發(fā)這個(gè)事件,需要的朋友可以參考下2014-06-06