PHPから外部jsファイルへ変数を受け渡す方法

サイト運営

2022.10.11

javascriptのスライダーを設置した時に、スライダーのオプションをPHPから変数で渡したい時があります。

検索すると面倒な方法しか出てこないのですが、簡単な方法でPHPから外部javascriptに変数を受け渡せるのでまとめておきます。

この記事で分かること

PHP側

javascriptよりも前に<script>タグでHTML内に出力します。

<?php
add_action('wp_head',function(){
?>
<script>
var aaa = "AAA";
var bbb = "BBB";
</script>
<?php
});

footerなどで呼び出している外部javascript内部で、aaaとbbbを参照できます。

aaa
bbb

検索すると、PHPファイル内にjavascriptを直接書いている例ばかりで、あまり参考にならないものが多いです。

外部jsファイルでPHPから変数を渡したい場合は今回の方法が一番簡単だと思います。