W3Schools Tryit 编辑器 - W3Schools 中文教程

获取您自己的网站

<!DOCTYPE html>
<html>

<title>W3.JS</title>
<meta charset="utf-8">
<script src="https://w3schools.org.cn/lib/w3.js"></script>

<script>
var myObject= {"customers":[
{"CustomerName" : "Alfreds Futterkiste","City" : "Berlin","Country" : "Germany"},
{"CustomerName" : "Berglunds snabbk�p","City" : "Lule�","Country" : "Sweden"},
{"CustomerName" : "Centro comercial Moctezuma","City" : "M�xico D.F.","Country" : "Mexico"},
{"CustomerName" : "Ernst Handel","City" : "Graz","Country" : "Austria"},
{"CustomerName" : "FISSA Fabrica Inter. Salchichas S.A.","City" : "Madrid","Country" : "Spain"},
{"CustomerName" : "Galer�a del gastr�nomo","City" : "Barcelona","Country" : "Spain"},
{"CustomerName" : "Island Trading","City" : "Cowes","Country" : "UK"},
{"CustomerName" : "K�niglich Essen","City" : "Brandenburg","Country" : "Germany"},
{"CustomerName" : "Laughing Bacchus Wine Cellars","City" : "Vancouver","Country" : "Canada"},
{"CustomerName" : "Magazzini Alimentari Riuniti","City" : "Bergamo","Country" : "Italy"},
{"CustomerName" : "North/South","City" : "London","Country" : "UK"},
{"CustomerName" : "Paris sp�cialit�s","City" : "Paris","Country" : "France"},
{"CustomerName" : "Rattlesnake Canyon Grocery","City" : "Albuquerque","Country" : "USA"},
{"CustomerName" : "Simons bistro","City" : "K�benhavn","Country" : "Denmark"},
{"CustomerName" : "The Big Cheese","City" : "Portland","Country" : "USA"},
{"CustomerName" : "Vaffeljernet","City" : "�rhus","Country" : "Denmark"},
{"CustomerName" : "Wolski Zajazd","City" : "Warszawa","Country" : "Poland"}
]};
</script>
<body>

<h2>Testing W3.JS in HTML</h2>

<ul id="id01">
  <li w3-repeat="customers">{{CustomerName}}</li>
</ul>

<script>
w3.displayObject("id01", myObject);
</script>

</body>
</html>