Web ページでは、あるページに情報を入力すると、別のページにジャンプし、入力した情報が別のページに渡されるという状況によく遭遇します。これはどのように行われるのでしょうか。 まずはデザインのアイデアを見てみましょう。
実装コードは次のとおりです。 <本文> <フォームアクション="index.html"> ユーザー名: <input type="text" name = 'uname'> <input type="submit" value="送信"> </フォーム> </本文> <本文> <div><span style="font-weight:700; color:blue"></span>ログインへようこそ! </div> <スクリプト> var span = document.querySelector('span'); //span タグを取得します var myName = location.search.substr(1); //前のページで入力されたパラメータを取得します var arr = myName.split('='); //= 記号を使用してキーと値を分割します span.innerHTML = arr[1] + '' //データを span に渡します </スクリプト> </本文> 実行効果は次のとおりです。 以上で、異なるページでのJavaScriptデータの送信(URLパラメータ取得)についての記事は終了です。異なるページでのJavaScriptデータの送信についての詳細は、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも123WORDPRESS.COMをよろしくお願いいたします。 以下もご興味があるかもしれません:
|
今日は、CSS 3.0 で実装されたネオン ボタン アニメーション効果を紹介します。効果は次のとおり...
この記事では、IDEA が MySQL データベースに接続できない問題に対する 6 つの解決策を主に...
<p><b>これは太字フォントです</b></p> ...
Ubuntu 20.04をインストールする NVIDIAドライバーをインストールする Pytouch...
質問: int(1) と tinyint(1) の違いは何ですか?このような設計では、いずれにしても...
システムの起動時に読み込む必要がある設定ファイル/etc/profile、/root/.bash_p...
方法:実際のプロジェクトを例に挙げてみましょう。 .lk-ツールバー{ .el-入力{ 幅: 169...
目次序文エラーオブジェクト投げる試して…捕まえて…最後に最終ルールトライ/キャッチパフォーマンスウィ...
背景すべての業務を Docker の運用管理に移行してから、一連の落とし穴に遭遇しましたが、今回は ...
TypeScript を使用する場合、TypeScript が提供する型システムを使用してコードのあ...
長いテキストを表示する場合、C# 側で文字をインターセプトする必要があることがよくありますが、長いテ...
ミックスインメソッド: ブラウザはコンパイルできません: 以前のバージョンのsassでは上記の記述方...
HTML で CSS を使用する 3 つの方法: 1. インラインスタイル: 要素のスタイル属性を通...
序文サーバーシステム環境は、CentOS 6.5 (最終) です。 FFmpeg をサーバーに正常に...
目次予備作業バックエンド構築フロントエンドページダイレクトレンダリングsetTimeout ページン...