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をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
目次開発環境用のDocker-ceをインストールする開発環境用のDocker-composeをインス...
Alibaba Cloud サーバーを購入した後、新しいインスタンスが正常に動作できるようにするには...
準備1. 仮想マシンを起動する2. gitツールルートアカウントでログインルートアカウントを使用して...
例: mysqldump –all-databases を使用すると、すべてのライブラリがエクスポー...
目次現象根本原因分析getLastPacketReceivedTimeMs() メソッドの呼び出し時...
Centos にプロジェクトをデプロイするときに奇妙な問題が見つかりました。データベース接続で例外...
長い間何もしていなかった人は、努力をすると一生懸命働いていると思うようになります。 1. 問題Nav...
この記事は主に、nginx を介して方向プロキシを実装するプロセスを紹介します。この記事のサンプル ...
MySQL は、スウェーデンの会社 MySQL AB によって開発されたリレーショナル データベース...
鉛Web ページ上の一般的な三角形の一部は、画像やフォント アイコンにする必要なく、CSS を使用し...
win10 + Ubuntu 20.04 LTS デュアルシステムインストール (UEFI + GP...
目次1. RGBを使用して色を表す2. Tkinter キャンバスコンポーネント3. グラデーション...
目次1. Vueのインストール方法1: CDNの導入方法2: 直接ダウンロードしてインポートする方法...
この記事の例では、滝の流れの効果を実現するためのjsの具体的なコードを参考までに共有しています。具体...
canisue (http://caniuse.com/#search=border-radius)...