HTML ページジャンプのパラメータ渡しの問題
|
効果は以下のとおりです。 ページ
ジャンプボタンをクリックした後
対応する値はページ b で取得できます。 コードは次のとおりです。 ページ:
<!DOCTYPE html>
<html>
<head lang="ja">
<メタ文字セット="UTF-8">
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/jquery.params.js"></script>
<title>ページ</title>
<スクリプト>
$(関数(){
名前 = $("#name").text();
年齢 = $("#age").text();
$("#btn").on("クリック",function(){
ジャンプ1();
});
});
関数ジャンプ1(){
url = "b.html?name="+name+"&age="+age;//コンテンツはここに連結されます window.location.href = url;
}
</スクリプト>
</head>
<本文>
<div id="name">トニー</div>
<div id="年齢">23</div>
<button id="btn">ジャンプ</button>
</本文>
</html>ジャンプ先のページ b:
<!DOCTYPE html>
<html>
<head lang="ja">
<メタ文字セット="UTF-8">
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/jquery.params.js"></script>
<title>ページ b</title>
<スクリプト>
$(関数(){
データを取得します。
});
関数 getData1(){
var name = $.query.get("name");
var 年齢 = $.query.get("年齢");
$("#name").text(名前);
$("#age").text(年齢);
}
</スクリプト>
</head>
<本文>
<div id="名前"></div>
<div id="年齢"></div>
</本文>
</html>上記は、HTML ページ ジャンプでパラメータを渡す際の問題についてご紹介しました。お役に立てれば幸いです。ご質問がございましたら、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: CSS3 と JavaScript を使用して Web カラー ピッカーのサンプル コードを開発する
推薦する
Vue でのルーティングガードの具体的な使用法
目次1. グローバルガード1.1 グローバルフロントガード1.2 グローバルポストルートガード1.3...
MySQL 結合テーブルと ID 自動増分の例の分析
結合の書き方左結合を使用する場合、左側のテーブルが必ず駆動テーブルになりますか? 2 つのテーブルの...
MySQL マスタースレーブレプリケーションの遅延の原因と解決策
目次レプリケーション ロジックの簡単な概要:遅延の原因と解決策〇メインデータベースへの頻繁なDMLリ...
HTML 内の CSS および JS リンクのバージョン番号 (キャッシュを更新)
背景検索エンジンで「.htaccess キャッシュ」というキーワードを検索すると、ウェブサイトのファ...
Dockerコンテナに入る方法と出る方法
1 Dockerサービスを開始するまず、docker サービスを開始する方法を知っておく必要がありま...
Vueモバイル端末に最適な適応ソリューションについての簡単な説明
序文: 最近の医療モバイル プロジェクトに基づいて、Vue はさまざまな画面のさまざまな画面サイズに...
ポップアップはすべて不正なものではありません。ウェブサイトのポップアップをデザインするためのヒント
ポップアップニュースは国内のインターネットサービスでは一般的であり、リアルタイムプッシュ方式はウェブ...
MySQL の大文字と小文字の区別に関する注意
目次MySQLの大文字と小文字の区別はパラメータによって制御されますMySQLの大文字と小文字の区別...
Nginxの仕組みの詳細な説明
Nginxの仕組みNginx はコアとモジュールで構成されています。 Nginx 自体は実際にはほと...
jsオブジェクト指向カプセル化カスケードドロップダウンメニューリストの実装手順
この例で開発されたカスケード ドロップダウン メニューは、既存の JSON データに基づいて作成され...
IDEA で Linux コマンドを使用する方法
Windows システムと比較して、Linux システムは多数の豊富なコマンドライン ツールを提供し...
Linux (Ubuntu 18.04) に Anaconda をインストールする詳細な手順
Anaconda は、大規模なデータ処理、予測分析、科学計算のための最も人気のある Python デ...
Baidu Maps を Web ページに埋め込み、Baidu Maps API を使用してマップをカスタマイズする詳細な手順
ウェブページにBaiduマップを挿入するBaidu Maps を自分の Web ページに追加したい場...
フレックスレイアウトによるシームレスなスクロールのサンプルコード
この記事では、シームレスなスクロールを実現するためのフレックスレイアウトのサンプルコードを主に紹介し...
MySQL 学習ノート: データ エンジン
現在のデータベースでサポートされているエンジンを表示します エンジンを表示 +-----------...