巧用array.join()处理动态加载可循环列表

来源：互联网发布：mac pro 2016 编辑：程序博客网时间：2024/06/08 14:48

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
webpage:<inputtype="url" list="url_list" name="list"/>
<datalistid="url_list">

</datalist>
<script>
var arr=["w3","google","microsoft"];
var url =document.getElementById('url_list');
var str="";
for(vari=0;i<arr.length;i++){
str+="<option label='"+arr[i]+"' value='"+arr[i]+"'/>"
}
url.innerHTML=str;
var items,
messages,
length,i;
messages=[{
state: 'success',
message: 'This one worked.'
},{
state: 'success',
message: 'This one worked as well.'
},{
state: 'error',
message: 'This one did not work.'
}];
length=messages.length;
function inbox(messages){
items=[];
for(i=0;i<messages.length;i++){
items[i] =messages[i].message;
}
return '<ul><li>'+items.join('</li><li>')+'</li></ul>';
}
document.write(inbox(messages))


</script>
</body>
</html>

阅读全文

0 0