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

2016/07/02

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

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

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

一つのファイルに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”)」にすればいい。

新着（ニュース関連以外）

2018-07-26

年賀状で「新春」とか書くけど・・・何故なんだろうと8月を目前にした今、疑問に思った。

2018-05-16

PHPで画像のヘッダ情報（？）の「Orientation」を元に画像回転させたい。

2018-03-05

Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。

2018-02-23

プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。

2017-12-13

jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい