<body onload=…>をWordPressで使う方法

ページが読み込まれた時にjavascriptを実行したい時こんなふうに書くことがあります。

<head>
<script type="text/javascript" src="hogehoge.js"></script>
</head>
<body onLoad="hogehoge()">
<p>ページが読み込まれるとメッセージを表示</p>
</body>

hogehoge.jsファイル

function hogehoge(){
 alert("ページが読み込まれました");
}

ただし、WordPressではbodyタグは触れません。触れないこともないですが、通常header.phpに書いてあることも多く、あまり触りたくないのが本音でしょう。

そんなときにはこういうふうに書きます。

<head>
<script type="text/javascript" src="hogehoge.js"></script>
</head>
<body>
<p>ページが読み込まれるとメッセージを表示</p>
</body>

外部ファイルhogehoge.jsに最後の三行を追加します。

window.onload = function ()内に書いた関数がページが読み込まれた時に実行されるのです。

function hogehoge(){//関数を定義
 alert("ページが読み込まれました");
}

window.onload = function () {//呼び出し
        hogehoge();
};

 

 

コメント

タイトルとURLをコピーしました