W3Data Tutorial

❮ 前章へ次章へ ❯

W3Data
より速く、より優れた HTML データ

W3Data とは ?

W3Data は、HTML アプリケーションにデータを持ち込むための現代的な JavaScript ライブラリです：

小型で、高速で、モバイルにフレンドリー
学習し易く、使うのも簡単です
アプリケーション開発をスピードアップします
PC、タブレット、モバイルすべてのデバイス用

W3Data はフリー

W3Data はフリーです。ライセンスは必要ありません。

使うのが簡単です

まず web ページ内で w3data.js へのリンクを追加します：

例

次に、データ用のスペースを確保するため、任意の HTML にブラケット {{ }} を追加します：

例

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

最後に、HTML 内にデータを表示するため、w3DisplayData を呼び出します：

例

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});

Try It Yourself ❯

最初のパラメータは、使用する HTML 要素の id (id01) です
2番目のパラメータが、表示するデータオブジェクトです。

<select> 要素の設定

例

<!DOCTYPE html>
<html>
<script src="http://www.w3schools.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>

Try It Yourself ❯

ダウンロード w3data.js

❮ 前章へ次章へ ❯