最新的Web開發教程
 

W3Data教程

W3Data
更快,更好的HTML數據


什麼是W3Data?

W3Data是一個現代化的JavaScript庫將數據以HTML應用程序:

  • 體積小,速度快,和移動友好
  • 易學易用
  • 加快應用開發
  • 對於所有設備的PC,平板電腦和移動

W3Data是免費的

W3Data是免費使用。 沒有許可證是必要的。


使用方便

只需添加在你的網頁鏈接到w3data.js:

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3data.js">

然後加括號{{}}任何HTML元素預留空間,為您的數據:

<div id="id01">
{{firstName}} {{lastName}}
</div>

最後調用w3DisplayData顯示在您的HTML中的數據:

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
試一試»
注意 第一個參數是HTML元素的ID使用(ID01)
第二個參數是數據對象以顯示。

灌裝下拉

<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>

<select id="id01">
<option w3-repeat="x in cars">{{x}}</option>
</select>

<script>
w3DisplayData("id01", {"cars" : ["Volvo", "Ford", "BMW", "Mercedes"]});
</script>

</body>
</html>
試一試»
注意 下載w3data.js