replace实现页面值的填充

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script>
function replace(s, o) {
	return s.replace(/{([^{}]*)}/g,
	function(a, b) {
		var r = o[b];
		return typeof r === 'string' || typeof r === 'number' ? r: a;
	});
}

function fill () {
	var data = {
		name:'fengkuangshl',
		age:'25',
		address:'陕西'
	};
	var re = document.getElementById('test');
	 re.innerHTML = replace(re.innerHTML,data);
}

	
  </script>
 </head>

 <body>
	<div id='test'>
		大家好!
		我的姓名{name},今年{age}岁,自来{address}!
	</div>
	<input type='button' onclick='fill()' value='Test!'/>
 </body>
</html>

你可能感兴趣的:(replace)