1

長い形式のサイトがあります。そのフォームをリセットせずに変更する必要があるサイトの他の部分がいくつかあります。ページの他の部分を読み込むためにiframeを使用することを計画していました。ページのサイドバーはナビゲーションとして機能します。サイドバーのリンクで、iframeが指すURLを変更し、実際のURLバーを変更したいと思います。ただし、他のiframeをリセット/リロードしないでください。

ありがとう

PS：私はJavaScriptの完全な初心者なので、完全な例が役に立ちます。

これが私のコードの一部です：

<div class="sidebar">
<input type="text" placeholder="search for accounts" id="search" />
<ul id=sidebar-list>
  <li class=list>
    <a onclick="edit-iframe-1" id="username">This will change iframe 1 to point to a user</a>
    <a onclick="edit-iframe-2" id="username">This will change iframe 2 to point to a user</a>
  </li>
  <li class=list>
    <a onclick="edit-iframe-1" id="username">This will change iframe 1 to have a different user</a>
    <a onclick="edit-iframe-2" id="username">This will change iframe 2 to have a different user</a>
  </li>
</ul>
</div>
<div id=iframediv1>
  <iframe id=iframe1 src="/path/file?user=username"></iframe>
</div>
<div id=iframediv2>
  <iframe id=iframe2 src="/path/differentfile?user=username"></iframe>
</div>

サイドバーのリストにはすべての異なるユーザー名があり、どのユーザー名をクリックしても、対応するページが読み込まれます。変更する必要があるURLの唯一の部分は、後の部分です?user=

4

3 に答える 3

0

history.pushState をいじってみてください。残念ながら、ブラウザのサポートは新しいバージョンに限定されます。

この回答は、あなたが何に反対しているのかを理解するはずです:ページをリロードせずに URL を変更する

于 2013-01-28T04:48:04.173 に答える
0

目的に合わせてJavaScriptを使用する必要があると思います。これで解決できると思います。

 <SCRIPT LANGUAGE="JavaScript">
    function newLocation1(nwloc){
        document.getElementById('iframe1').src = "/path/file?user="+nwloc;
    }
    function newLocation2(nwloc){
        document.getElementById('iframe2').src = "/path/differentfile?user="+nwloc;
    }
    </script>


    <div class="sidebar">
    <input type="text" placeholder="search for accounts" id="search" />
    <ul id=sidebar-list>
      <li class=list>
        <a onclick="javascript:newLocation1('username1')" >This will change iframe 1 to point to a user</a>
        <a onclick="javascript:newLocation2('username1')" >This will change iframe 2 to point to a user</a>
      </li>
      <li class=list>
        <a onclick="javascript:newLocation1('username2')" >This will change iframe 1 to have a different user</a>
        <a onclick="javascript:newLocation2('username2')" >This will change iframe 2 to have a different user</a>
      </li>
    </ul>
    </div>
    <div id=iframediv1>
      <iframe id="iframe1" src="/path/file?user=username1"></iframe>
    </div>
    <div id=iframediv2>
      <iframe id="iframe2" src="/path/differentfile?user=username1"></iframe>

</div>
于 2013-01-28T05:09:57.487 に答える