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

推薦する

スクリプトを使用して、ワンクリックでDockerイメージをパッケージ化してアップロードします。

著者は1年以上マイクロフロントエンドプロジェクトに取り組んできました。チームは10個のマイクロアプリ...

LinuxサーバーにGRUBをインストールする手順

Linux サーバーに GRUB をインストールする方法クラウド移行ツールを使用して、CentOS ...

Net Core実装プロセス分析のDoc​​kerインストールと展開

1. Dockerのインストールと設定 #CentOS をインストールし、Docker パッケージを...

IEのクラッシュバグ

コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...

Vueはデータを初期状態にリセットします

場合によっては、データ内のデータを再利用する必要がありますが、データ内のデータはさまざまなフォーム、...

Vueトップタグ閲覧履歴の実装

目次ナンセンス実装された機能文章要点ナンセンスデモプレビュー実装された機能デフォルトでホームページが...

CSS で 3D ブック効果を実装するためのサンプル コード

さっそく、レンダリングを見てみましょうソースコードは以下のとおりです <!DOCTYPE ht...

Echarts 基本入門: 棒グラフと折れ線グラフの一般的な構成

1eChartsの基本手順4つのステップ1 DOMコンテナを見つける2 初期化3 設定オプション4 ...

CenOS6.7 mysql 8.0.22 のインストールと設定方法のグラフィックチュートリアル

CenOS6.7 は MySQL8.0.22 (推奨コレクション) をインストールします1. MyS...

Javascript を使用して、スライドバー効果のあるスライドナビゲーション プラグインを開発します。

目次1. はじめに2. 使用方法3. 開発プロセス1. モデル例2. イベントとアニメーション4. ...

Linuxサーバーのファイアウォールを変更してポートへのリモートアクセスを許可する方法

1. 問題の説明セキュリティ上の理由から、新しく構築されたサーバー クラスターでは、指定されたポート...

nginx で gzip 圧縮を実装してウェブサイトの速度を向上させる方法

目次gzip 圧縮を使用する理由は何ですか? nginxはgzipを実装するgzip処理nginx ...

HTTPS の原則の説明

HTTPS ウェブサイトの構築コストが下がるにつれて、ほとんどのウェブサイトが HTTPS プロトコ...

Ubuntu16.04にclionをインストールするプロセス全体と手順の詳細な説明

CLion のプロセス全体を最初から説明します。CLion は、JetBrains がリリースした新...

シンプルなCSSアニメーションのtransition属性の詳しい説明

1. 遷移属性の理解1. transition 属性は、次の 4 つの遷移プロパティを設定するために...