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セレクターの新機能の実装

推薦する

MySQL複合インデックスの詳細な研究

複合インデックス (結合インデックスとも呼ばれます) は、複数の列に対して作成されるインデックスです...

MySQL がデータの削除と挿入に非常に時間がかかる問題の解決策

会社の開発者がテスト環境で挿入ステートメントを実行すると、正常に実行されるまでに 10 秒以上かかり...

HTMLのテーブルの内容は中央に水平と垂直に表示されます

CSSスタイルファイルで指定 #class td /*表のテキストを左右上下に揃えるように設定する*...

Linux でマウントされたファイルシステムの種類を表示する方法

序文ご存知のとおり、Linux は ext4、ext3、ext2、sysfs、securityfs、...

PHP で JSON バックスラッシュを削除する例

1. 「stripslashes($_POST['json']);」メソッドを使用し...

Vue3は独自のページングコンポーネントをカプセル化します

この記事の例では、vue3 が独自のページングコンポーネントをカプセル化する具体的なコードを参考まで...

MySQL トリガーの使用方法と利点と欠点の紹介

目次序文1. トリガーの概要2. トリガーの作成2.1 トリガー構文の作成2.2 コード例3. トリ...

Vue3 のレンダリング関数における互換性のない変更の詳細な説明

目次レンダリングAPIの変更レンダリング関数のパラメータレンダリング関数のシグネチャの変更VNode...

MySQL の大きなデータ テーブルにフィールドを追加する方法

序文フィールドの追加は誰でもよく知っていると思います。簡単に記述できます。MySQL テーブルにフィ...

Dockerfile を使用して Docker でイメージを構築する方法

イメージを構築するこれまで、テストやデモンストレーションにさまざまなイメージを使用しました。多くの場...

Vite+ElectronでVUE3デスクトップアプリケーションを素早く構築

目次1. はじめに2. Viteプロジェクトを作成する1. viteをインストールする2. プロジェ...

Vue は動的なプログレスバー効果を実現します

この記事では、動的なプログレスバー効果を実現するためのVueの具体的なコードを例として紹介します。具...

Linuxのbasenameコマンドの使い方

01. コマンドの概要basename - ファイル名からディレクトリとサフィックスを削除しますba...

Docker を使用して ELK 環境を迅速にデプロイする方法の詳細な説明 (最新バージョン 5.5.1)

Linux サーバーに Docker をインストールした後、関連する公式 Docker イメージを...