Q&A
###javascript ページの遷移と同時にそのページに値を入れるには・・・
提題通りです。
私は趣味で小説を書いていて、それを公開できる個人サイトを作りたいと思いました。
実装として、「遷移元のtext.htmlに並んだ小説作品のうち、ある一つの作品のボタンを押したら、小説を見せるテンプレートであるtext-content.htmlに遷移し、同時にページに小説の内容を入れる」いう方法を考えました。
しかし、これをjavascriptで書くと、遷移は上手くいくのですが、値が入れられてませんでした。
html
1//遷移元のtext.html 2<html> 3//省略 4<button id="harry-btn">「ハリー・ポッターと賢者の石」</button> 5<script src="scripts/main.js"></script> 6</html>
html
1//遷移先のtext-content.html 2<html> 3//省略 4<h2 id="text-title"></h2>//ここに「ハリーポッターと賢者ですよ」と表示したいが・・・・ 5<script src="scripts/main.js"></script> 6</html>
javascript
1main.js 2function harryClick(e){ 3 location.assign("text-content.html"); 4 var myText = document.querySelector('#text-title'); 5 myText.textContent = "ハリーポッターと賢者の石ですよ"; 6} 7 8var harryButton = document.querySelector('#harry-btn'); 9harryButton.addEventListener('click',harryClick,false); 10
色々と調べたのですが、たくさん情報がありすぎて混乱してしまいました。
なので質問させていただきました。
ページの遷移と同時にそのページに値を入れるにはどうすればよいのでしょうか・・・？
回答1件
0
ベストアンサー
リンクにしてしまって、パラメータを渡してみてはいかがでしょう。
【JavaScriptでURLのパラメータやアンカーを判断して処理を変更する方法 ｜ Tips Note by TAM】
https://www.tam-tam.co.jp/tipsnote/javascript/post9911.html
【URLパラメーターをJavascriptで取得してリンクの後ろに付けるメモ - Qiita】
https://qiita.com/tacosginza/items/651e0522e2cd1fa31a0c
投稿2019/04/13 06:35
総合スコア69400
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/13 07:14