链接以导航到另一个浏览器窗口中的锚点

时间:2012-04-03 01:56:17

标签: html navigation

我们收到了客户的有趣请求。他们希望他们的用户打开两个窗口/标签(一个内容,一个表单),用户之间切换。

内容的一部分(很大)与表单的部分(也很大)有关。

所以他们喜欢以下内容:

  • www.example.com/content.html#info1链接至www.example.com/form.html#question1
  • www.example.com/content.html#info2链接至www.example.com/form.html#question2
  • www.example.com/content.html#info3链接至www.example.com/form.html#question3
  • 等。等

问题是如果用户从内容链接到表单 - 然后返回到内容 - content.html上的任何其他链接将打开另一个窗口/选项卡(如果没有使用目标引用)或者是否使用目标引用form.html将重新加载丢失表单数据。

理想情况如下:

  1. 用户正在查看content.html并点击链接
  2. 另一个窗口或标签打开,显示form.html
  3. 用户填写表单的该部分并返回content.html
  4. 用户点击了content.html上的其他链接
  5. 显示form.html的窗口或标签滚动到正确的定位点。
  6. 我甚至不确定这是否可行,但我对人们对这个问题的看法感兴趣。

1 个答案:

答案 0 :(得分:1)

这可以用基本的JS完成 - 但不是写出事件处理程序来监听 - 我只是简化了这里的概念:

http://jsfiddle.net/fMfgk/

密钥位于window.open的名称参数中 - 保持相同,您可以继续引用相同的窗口。