日期:2014-05-17 浏览次数:20913 次
<?php echo $list = array(
array(
'id' => 1,
'title' => '今天中国有个楼主想遍历list',
),
array(
'id' => 2,
'title' => '今天中国有个楼主提问JS遍历的问题',
),
array(
'id' => 3,
'title' => '今天中国有个楼主跪求一个实例',
),
); ?>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>BBC新闻网</title>
<script type="text/javascript">
window.onload = function(){
var list = <?php echo json_encode($list); //将PHP的变量转换成JSON输出给一个JS变量 ?>;
document.getElementById('newsList').innerHTML = 大数据快速拼接(list);
}
//主要是不用+法合并字段串join一下很快
function 大数据快速拼接(list){
var html = [];
for(var i in list){
html.push('<li>');
html.push(list[i].id); //这就相对于PHP数组里的那个键名,转成JSON后同名的
html.push(':');
html.push(list[i].title);
//这样HTML结构一旦嵌套复杂就不好阅读了哎...
html.push('</li>');
}
return html.join();
}
function 小数据清晰地拼接更好(list){
var html = [];
for(var i in list){
html.push('<li>' + list[i].id + ':' + list[i].title + '</li>'); //这里用了加法,大数据量时比上面那个慢几倍
}
return html.join();
}
</script>
</head>
<body>
<ul id="newsList"></ul>
</body>
</html>