Q&A
画面遷移ということですが、aタグによるリンクでは何かしらの問題があるのでしょうか？
実現したいこと
掲題の通りですが、ボタンクリックで画面遷移させるコードについて知りたいです。
発生している問題・分からないこと
下記サイト見たりしてますが、私がやりたいことを実現するための必要な情報がどれか判断できず。。。
node.jsとexpress環境の場合、ルーティングの設定になるのかなと思っていますが、情報が多くてパニック状態です。
https://expressjs.com/ja/guide/routing.html
該当のソースコード
javascript試したパターン1
1app.route('button-panel', (req, res) => { 2 res.send('○○○.com'); 3 });
css
1.button-panel { 2 margin: 2em 0 ; 3 width: 100%; 4}
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
ボタンクリック後の画面遷移をする記述について解説されているページが見つからず。。
公式ページの「app.route()」が今回やりたいことをを実現するのに該当するかな、と思って試したりしましたが、うまくいきませんでした。。
補足
ど素人の質問で大変恐縮ですが、知見のある方、アドバイスいただけますと幸いです。
回答1件
0
ベストアンサー
ボタンのクリックに反応したり画面遷移を行うのはブラウザですので、そういった処理は HTML 内に埋め込むか HTML からリンクされる JavaScript コードで行います。サーバ側の JavaScript ではありません。遷移先が同一サーバの時だけ express で追加のルーティングが必要なることがあります。
さいきんの質問者さんの質問を見る限り、node.js と express はまだ使う必要はないかもしれません。HTML / CSS / 画像ファイル / JavaScript ソースをサーバなしでローカルファイルとしてアクセスしてもけっこう動きます。
投稿2024/03/06 04:08
総合スコア20884
ご回答ありがとうございます。init32_tさん☺
htmlでも試してみました。コードは下記です。
<input type="submit" onclick="location.href='https://www.google.com'" class="button" title="Log in" value="ログイン"></input>
しかし、画面遷移しない状況です。
何がイケないのでしょうか。。。
<form> に囲まれていなければ www.google.com に遷移すると思いますよ。囲まれていたらダメかもしれません。
ご指摘の通り、<form>に囲まれていることが原因でした！
構成を変更して、想定通り画面遷移できるようになりました！
アドバイス本当にありがとうございまいした！
あなたの回答
tips
プレビュー
