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 カラー ピッカーのサンプル コードを開発する
推薦する
MyISAMとInnoDBの違いについてお話しましょう
主な違いは次のとおりです。 1. MySQL はデフォルトで MyISAM を使用します。 2. M...
MySQL ストアド プロシージャで月ごとにテーブルを作成する方法
詳細には立ち入らずに、コードに直接進みましょう。一緒にコミュニケーションを取り、学びましょう。月ごと...
新しいユーザーを作成し、MySQLに権限を付与する最も簡単な方法
ユーザーを作成します: 'oukele' によって識別されるユーザー 'ou...
コネクタコンポーネントから Tomcat のスレッドモデルを見る - BIO モード (推奨)
Tomcat の上位バージョンでは、デフォルト モードは NIO モードを使用することになります。...
Vue 父子価値移転、兄弟価値移転、子父価値移転の詳細な説明
目次1. 親コンポーネントが子コンポーネントに値を渡す1. 親コンポーネント.vue 2. サブコン...
zabbix 4.04 の詳細なインストール チュートリアル (CentOS 7.6 ベース)
1. インストール前の準備: 1.1 JDKをインストールするopenjdkをアンインストールする...
Jenkins の紹介と Docker で Jenkins をデプロイする方法
1. 関連概念1.1 Jenkins の概念: Jenkins は、使用されるプラットフォームに関係...
Vue ドラッグ アンド ドロップのシンプルな実装
この記事では、主に次のような Vue ドラッグ アンド ドロップの簡単な実装を紹介します。レンダリン...
CentOs システムで Python と yum をアンインストールするソリューション
事故の背景: 数日前、プロジェクトの必要性により、サーバーに python-mysql モジュールを...
Reactの3つの主要属性における状態の使用の詳細な説明
目次クラスコンポーネント機能コンポーネントsetStateの落とし穴React では多くの場所でデー...
MySQLの高性能最適化スキルの概要
データベースコマンド仕様すべてのデータベース オブジェクト名には小文字を使用し、アンダースコアで区切...
docker で PostgreSQL データベースをインストールして永続化する方法
Dockerのインストール手順をスキップする1. postgresqlイメージを取得する docke...
Reactプロジェクトで画像を導入するいくつかの方法
imgタグは画像を導入しますreactは実際にはjsリーダー関数を介してページをレンダリングするため...
MySQL 5.7 をインストールした後にコマンドライン ウィンドウを開くとクラッシュする問題の解決方法
序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...
Linuxロスレス展開方法
概要クラウド プラットフォームのお客様のサーバーでは、業務量が拡大し続けるとディスク容量が不足する場...