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 varchar型の合計操作例

友人の中には、データベースについて学習しているときに、テーブル構造を作成するときに誤ってフィールドを...

Nginx+Tomcat 負荷分散クラスタの実装例

目次導入1. 事例の概要2. 環境の展開3. Nginxホストのインストール4. Tomcatのイン...

MySQL で binlog を使用する際のフォーマットの選択方法

目次1. binlogの3つのモード1.ステートメントレベルモード2. 行レベルモード3. 混合モー...

CSSファイルをインポートする3つの方法の詳細な説明

CSS を導入する方法には、インライン スタイル、内部スタイル シート、外部スタイル シートの 3 ...

CSS3を使用してオンラインライブ放送に似たキューアニメーションを実装する方法

以前、グループの友人が質問しました。つまり、ミニプログラムでユーザーがオンラインになったときに、ライ...

JavaScript のスプレッド演算子とレスト演算子の違いの詳細な説明

目次レスト演算子とは何ですか? JavaScript 関数では REST 演算子はどのように機能しま...

JavaScript フロー制御 (ループ)

目次1. forループ2. 二重の for ループ3. whileループ4. dowhileループ5...

IE6、IE7、IE8 で CSS3 の丸い角と影のスタイルをサポートする

CSS3 の角丸や影の効果を使ったページを作りたいのですが、IE ブラウザでは対応していません。こ...

Vueアイコンセレクターのサンプルコード

出典: http://www.ruoyi.vip/ 'vue' から Vue をイン...

Docker を使用して Microsoft Sql Server を展開するための詳細な手順

目次1 背景2 コンテナを作成する3 SAパスワードを変更する4 mssql のリンク5. コンテナ...

MySQL countの詳細な説明と関数のサンプルコード

mysql countの詳細な説明count関数はテーブルや配列内のレコードを数えるために使われます...

Navicat で MySQL データベースのパスワードを変更する複数の方法

方法1: SET PASSWORDコマンドを使用するまずMySQLにログインします。フォーマット: ...

Nginx ログ管理の概要

Nginx ログの説明アクセス ログを通じて、ユーザーの地理的起源、ジャンプ元、使用端末、特定の U...

RedHat 6.5 に MySQL 5.7 をインストールするための詳細なチュートリアル

RedHat6.5インストールMySQL5.7チュートリアル共有、参考までに、具体的な内容は次のとお...