Q&A
初心者です。
javascriptでページを遷移させた後に、
イベントを実行させたいのですが(今回の例ではアラートを発動)、
どの様なやり方が正しいのでしょうか。
＊↓下の例ではアラートが発動された後に、2ページ目がきてしまいます。
どなたか教えていただけると大変助かります。
宜しくお願いいたします。
ーーーーーーーー
【index.html】
html
1... 2<body> 3 <!-- このボタンを押すして、"next.js"に飛んだ後、test.jsを実行させたい。 --> 4 <button id="btn">次のページへ</button> 5 6 7 <!-- javascript --> 8 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 9 <script type="text/javascript" src="test.js"></script> 10 11</body> 12</html>
【next.html】
html
1... 2<body> 3 4 <p>2ページ目です。</p> 5 6 7 <!-- javascript --> 8 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 9 <script type="text/javascript" src="test.js"></script> 10 11</body> 12</html>
【test.js】
js
1$("#btn").click(function(){ 2 location.href = 'next.html'; 3 alert("ok"); 4 });
回答2件
0
もし、遷移元のJSを遷移後のページで実行させることができたら、セキュリティ上大問題ですので不可能です。
やるとしたら、URLクエリパラメータで受け渡すとかとでしょうか。
遷移元ページ
js
1$("#btn").click(function(){ 2 location.href = 'next.html?ok'; 3 });
遷移後のページ
js
1if(location.search == "ok") { 2 alert("ok"); 3}
投稿2021/01/10 13:20
総合スコア34073
0
遷移後にalertを実行させるだけなら
test.jsからalertの行を削って、以下の内容のtest2.jsを作り、
js
1 window.onload = function() { 2 alert("ok"); 3 };
next.htmlのtest.jsをtest2.jsに変更する。
jsファイルを2つに分けたくないならhtmlファイル名を取得して場合分けをする
渡した値を使ってイベントをしたいなら hatena19 さんの方法
投稿2021/01/11 17:51
総合スコア282
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/11 17:56