HTML ページジャンプとパラメータ転送の問題

HTML ページジャンプとパラメータ転送の問題

HTMLページジャンプ:

window.open(url, "", "幅=600,高さ=400");

2 番目のパラメータ: _self は現在のウィンドウでウィンドウを開きます。_blank (デフォルト値) は別の新しいウィンドウで新しいウィンドウを開きます。

window.location.href="https://www.jb51.net"; //現在のウィンドウと同じウィンドウでウィンドウを開きます window.history.back(-1); //前のページに戻ります <a href="http://www.baidu.net" target="_blank">

HTML パラメータの受け渡し:

1. URLパラメータの受け渡し:

最初のページ (a.html):

var obj = a.value; // ポップアップ ページ パラメーターに渡す var url = 'jxb.html?obj='+obj;
url = encodeURI(url);
window.open(url, "", "幅=600,高さ=400");

2ページ目(b.html):

var url = decodeURI(window.location.href);
var argsIndex = url .split("?obj=");
var arg = argsIndex[1];

注: 中国語の送信の場合: encodeURI を使用してページ a の URL をエンコードし、decodeURI を使用してページ b の URL をデコードできます。

2. クッキーパラメータの送信:

関数setCookie(cname,cvalue){
    document.cookie = cname + "=" + cvalue;
}
関数 getCookie(cname){
    var name = cname + "=";
    var ca = document.cookie;
}

3. localStorageオブジェクトのパラメータの受け渡し:

html: テキストファイル

var div = doucment.getElementById('文字列を取得するDIV ID名');
ローカルストレージの文字列 = div.textContent;

html: 翻訳:

var div = doucment.getElementById('書き込むDIV ID名');
div.textContent = localStorage.string;

4. ウィンドウのオープナー()

親ページ:

<input type="text" name="テキストフィールド" id="テキストフィールド"/>
ウィンドウを開きます("サブページ.html");

サブページ:

window.opener.document.getElementByIdx('テキストフィールド').value='123123123';

要約する

以上が、HTML ページ ジャンプとパラメータ渡しの問題に関するエディターの紹介です。皆様のお役に立てれば幸いです。ご質問がございましたら、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<:  ウェブページ作成における絶対パスと相対パスの違い

>>:  CSS3セレクターの新機能の実装

推薦する

uni-appのスタイルの詳細な説明

目次uni-app のスタイル要約するuni-app のスタイルsassプラグインは公式ウェブサイト...

Linux ログ内のキーワードとその前後の情報を検索する方法の例

日常業務では、ログを表示する必要がよくあります。たとえば、 tail コマンドを使用してログをリアル...

Vueは2つのルーティング許可制御メソッドを実装しています

目次方法 1: ルーティング メタ情報 (meta)方法 2: ルーティング テーブルを動的に生成す...

Linux ソースコードからのソケット (TCP) バインドの詳細な説明

目次1. 最も単純なサーバー側の例2. バインドシステムコール2.1、inet_bind 2.2、i...

6つのレイアウトでのFrameLayoutの使用

序文前回はLinearLayoutについて説明しました。今回はFrameLayoutの使い方を説明し...

MySQLインデックスを正しく作成する方法

インデックス作成は大学図書館の書誌インデックスの構築に似ており、データ検索の効率を向上させ、データベ...

CentOS 8.0.1905 は ZABBIX 4.4 バージョンをインストールします (検証済み)

Zabbix サーバー環境プラットフォームバージョン: ZABBIX バージョン 4.4システム:...

Nodejsはgitee実装コードに自動的に同期するドキュメント同期ツールを作成します

本来の意図このツールを作った理由は、コンピューターを使用しているときにいつでも毎日の仕事や生活を記録...

MySQL でスロークエリを有効にする方法の例

序文スロー クエリ ログは、MySQL で非常に重要な機能です。MySQL のスロー クエリ ログ機...

MySQL ロール関数の紹介

目次序文: 1. 役割の紹介2. 役割に関連する操作要約:序文:前回の記事では、MySQLの権限管理...

MySQLインデックスベースのストレステストの実装

1. データベースデータをシミュレートする1-1 データベースとテーブルスクリプトを作成する - v...

MySQLの手順を完全に削除する

目次1. まずMySQLサーバーを停止する2. MySQLサーバーをアンインストールする3. MyS...

W3C チュートリアル (4): W3C XHTML アクティビティ

HTML は、World Wide Web 上で公開するために使用されるハイブリッド言語です。 XH...

MySQL スロークエリログの詳細な理解

目次スロークエリログとは何ですか?スロークエリを有効にする方法ログ分析ツール mysqldumpsh...

Centos8 でローカル Web サーバーを構築するための実装手順

1 概要システム Centos8 では、httpd を使用してローカル Web サーバーを構築します...