jsファイルに変数を渡したい

2016/07/02

一つのファイルでHTMLとJSを出力

普段、気にせずにやってるやり方。

<?php
$zebra = “丸ごとシマウマ”;
?>
~HTMLタグ~

<script type=”text/javascript”>
var hoge = “<?php echo $zebra; ?>”;
</script>

JSを別ファイルにした

一つのファイルにHTMLとJSの出力が厳しいってコトもある。

そのときはjsファイルに「<?php echo $zebra; ?>」ってコトが書けない。
jsファイルもPHPとして認識させるってのも手かもしれないけど、そんなことはしたくない。

・・・ということで「独自データ」ってのを使う。HTML5あたりから使えるようになったんじゃないかな?

▼HTMLファイル
<p data-label=”丸ごとシマウマ”>○○○</p>

▼jsファイル
var hoge = $(“p”).data(“label”);

※jsの「変数:hoge」には「丸ごとシマウマ」が格納される。

「data-label」じゃなくて「data-kushi」にするなら「$(“p”).data(“label”)」を「$(“p”).data(“kushi”)」にすればいい。

※Wikiでまとめ中:Jquery html5の独自データ属性の値を取得

新着(ニュース関連以外)

2017-08-03
formのinputでmaxlengthを使うとFirefoxでバグってた。他のブラウザでも気づかずにバグってたかもしれない。
2017-07-19
折れ線グラフをもう少しゆるやかに・・・というか何というか・・・調べていくと「移動平均」っていう言葉にたどり着いた
2017-07-10
FuelPHPの1.8をダウンロードして使っていたらセッションが使えないということに気付いた。
2017-06-27
MACにWin10をインストールしてみた:再挑戦。
2017-06-25
「簡単」っていうヤツらが多いけど・・・難しいぞ。