Fork
0
Fav
1
View
2389
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 21 lines
  • HTML 8 lines
  • CSS 13 lines
テンプレート系のJavaScriptライブラリを導入するほどでもないけど
JavaScriptでHTMLを作って突っ込みたいときってありますよね。
そんな時、JavaScript内で

var html="<p>"+hoge+"</p>"

とやってたらさすがに面倒だし、HTMLはHTMLファイルに書きたい。

そんな時はscriptタグにテンプレートHTMLを記述しておいて
そこにテキストなどデータを突っ込む形式を使うことが多々あります。

これだとパフォーマンス上の恩恵もありますね。
ページ表示初期はscriptタグ内の画像(imgやらcssの背景画像)は
取得されず、HTMLとして描画された段階で必要になったら取得します。




[WEBサイト]
http://oredon.guitarkouza.net/

[twitter]
https://twitter.com/oredon_taisuke

:::::::::::::::::

[HTML5 で3Dゲーム作りました]
http://is.guitarkouza.net/

:::::::::::::::::

[HTML5 で2Dゲーム作りました]
http://oredon.guitarkouza.net/

:::::::::::::::::
  • scriptタグでHTMLテンプレートを使う
  • jQuery v2.1.0
  • scriptタグでHTMLテンプレートを使う

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

oredon

Author

得意領域はUIエンハンス系です。 最近はCanvas周りを重点的に学習しています。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by