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-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい
2017-11-30
Xampp+FuelPHP1.8をサーバーにupしたらエラーになった。
2017-11-09
PCでプッシュ通知ってのをしたい。
2017-11-06
PHPのバージョンを上げたらwikiが壊れたっぽい。
2017-08-03
formのinputでmaxlengthを使うとFirefoxでバグってた。他のブラウザでも気づかずにバグってたかもしれない。