JAVASCRIPT_javascriptスキルで実装したWEBページジャンプとページ間の値転送方式

ただし、イベントがトリガーされると、最初にいくつかの操作を実行してからジャンプする必要がある場合があります。このとき、このジャンプ機能を実現するには JAVASCRIPT を使用する必要があります。
具体的な方法は次のとおりです:
1: 新しいページにジャンプし、新しいウィンドウで開きます:

コードをコピー コードは次のとおりです:

function gogogo()
{
//ここで何かをします...
window.open("test2.html" );
}

Window は JavaScript オブジェクトであり、その open メソッドを使用できることに注意してください。このページが相対パスでない場合は、http:// である必要があります。例:

コードをコピー コードは次のとおりです:

function gogogo()
{
window .open( "http://www.google.com");
}

2: このページのウィンドウにジャンプします:

コードをコピーします コードは次のとおりです:

function totest2()
{
window .location.assign( "test2.html" );
}

location.assgin() を直接使用することもできますが、window.location.assign() の方が合理的だと思われます。現在のウィンドウの位置オブジェクトの assign() メソッド。
さらに、location オブジェクトには、ページジャンプにも使用できる replace() メソッドもあります。assign() メソッドとの違いは次のとおりです。
replace() メソッドは、新しいオブジェクトを生成しません。 History オブジェクトに記録します。このメソッドを使用すると、新しい URL によって History オブジェクト内の現在のレコードが上書きされます。

ページがジャンプしたときに値を転送する方法を学びましょう。 window.open() を使用して新しいページを開くと、ブラウザは 2 つのウィンドウの間にオープンとオープンの関係があると認識します。したがって、開かれた新しいウィンドウでは、現在のウィンドウの window オブジェクトに window.opener 属性があり、この値には開いているウィンドウへの参照が含まれているため、この値を取得して、そのオブジェクトの値を取得できます。前のページを参照します。 例は次のとおりです。

コードをコピーします。 コードは次のとおりです。

;label id="label1" >page test1



type="button" id="bt2" value= "to test2" onclick="totest2()">







コードをコピー

コードは次のとおりです。

head>

page test2







この 2 つのページは、前のページの値を後のページから取得できますが、それほどではないように感じます実用的。 。 。 。 。 。
利点: 値を取得するのに便利です。window.opener が親ウィンドウを指している限り、すべてのオブジェクトにアクセスできます。
値にアクセスできるだけでなく、そのメソッドにもアクセスできます。親ウィンドウ。値の長さに制限はありません。
欠点: 2 つ目は、window.open を使用して開くウィンドウです。

を見てみましょう。 URL 追加フィールドを使用して、ページ ジャンプ間で値を渡すメソッドです。以前に XMLHttpRequest を使用したときに、このメソッドが使用されていました。簡単な元の例は次のとおりです。

コードをコピーします


コードは次のとおりです:

page test3

复制代 代码如下:

ページ test4

XMLHttpRequest を先に見たときに、QueryString オブジェクトが URL パラメータから直接値を取得できることがわかりましたが、これが直接使用できないことはわかりません。

最後のトップページ間での値の転送方法は COOKIE の共有です。これは容易に理解できるように、あるトップページからクライアント マシンに COOKIE ファイルを置き、次のトップページにアクセスすると、このページの値を直接取得できます。