首頁 > 開發者 > JavaScript
參考地址：http://www.planabc.net/2011/05/31/simple_javascript_template_substitute/
源碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function substitute (str, obj) {
alert("456");
if (!(Object.prototype.toString.call(str) === '[object String]')) {
return '';
}
// {}, new Object(), new Class()
// Object.prototype.toString.call(node=document.getElementById("xx")) : ie678 == '[object Object]', other =='[object HTMLElement]'
// 'isPrototypeOf' in node : ie678 === false , other === true
if(!(Object.prototype.toString.call(obj) === '[object Object]' && 'isPrototypeOf' in obj)) {
return str;
}
// https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace
return str.replace(/\{([^{}]+)\}/g, function(match, key) {
var value = obj[key];
return ( value !== undefined) ? ''+value :'';
});
}
var obj = {
url: "http://www.plannabc.net/",
title: "落草為根——專註前端技術&關注使用者體驗",
text: "懌飛's Blog"
};
var link = '<a href="{url}" title="{title}">{text}</a>';
$(function(){
alert(substitute(link, obj));
});
</script>
</head>
<body>
</body>
</html>
完
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
