1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>无序列表CSS3</title>
<link rel="stylesheet"href="css/main.css"/>
</head>
<body>
<div class="wrap">
<ol id="ol1" class="list">
<!--<li><a href="" target="_blank"></a></li>-->
</ol>
</div>
<script>
var str = '';
var data = [
{ url : 'javascript:;', title : '朱安邦朱安邦' },
{ url : 'javascript:;', title : '朱安邦' },
{ url : 'javascript:;', title : '朱安邦朱安邦' },
{ url : 'javascript:;', title : '朱安邦朱邦' },
{ url : 'javascript:;', title : '朱安朱安邦' },
{ url : 'javascript:;', title : '朱邦朱安邦' },
{ url : 'javascript:;', title : '朱安邦朱安邦安邦朱安邦' },
{ url : 'javascript:;', title : '朱安邦朱安安邦朱安邦' },
{ url : 'javascript:;', title : '朱安安邦朱安邦' },
{ url : 'javascript:;', title : '查看本页实现原理' }
];
data.forEach(function(item){
str+='<li><a href="'+item.url+'" target="_blank">'+item.title+'</a></li>'
});
document.getElementById('ol1').innerHTML = str;
</script>
</body>
</html>
|