1

約 10 個のリンクがある html ページがあります。

  1. リンクをクリックすると、新しいブラウザ ウィンドウが開き、テキストが表示されます。
  2. 2 回目のクリックの後、アプリケーションは、既に開いている新しいブラウザー ウィンドウ (上記の手順 1 で開いたウィンドウ) に関連するテキストを表示する必要があります。
  3. これは、それ以降のすべてのウィンドウ クリックに当てはまります。

ユーザーのコンピューターで開いているブラウザー ウィンドウは、最大 2 つだけにする必要があります。

以下の2つの方法で試しましたが、うまくいきませんでした。リンクをクリックするたびに、新しいブラウザ ウィンドウが開きます。つまり、10 個のリンクすべてをクリックした後、11 個のブラウザー ウィンドウが開いていたということです。これが私が試した2つの基本的な方法です。

私）

<a href="http://www.google.com" target="infoWindow">
    link1
</a>

ii)

<a href="#" onclick="window.open('http://www.google.com', 'infoWindow', 'width=300, height=250'); return false;">info1</a>

誰かが解決策を提案できますか?

4

1 に答える 1

3

同じ名前でウィンドウを呼び出しているのに、まだ新しいウィンドウで開いていることがわかります.onclick関数がウィンドウへの参照を保存するための特定のスコープを取得していない可能性があります.

onclick を関数に変更する場合は、ウィンドウをキャッシュできます。

//js
var myWindow;
function myClick(){
    myWindow = window.open("http://www.google.com", "infoWindow", "width=300, height=250");
    return false;
}

//html
<a href="#" onclick="myClick()">info1</a>

ここに素晴らしい記事があります：infimum.dk

于 2013-09-24T14:07:44.723 に答える