页面加载时阻止浏览器跳转到#name

Question

我在jQuery对话框中有一个名为“登录”的表单。 在JavaScript中，我检测URL中是否包含“ #login”-如果是，它将显示登录对话框。 在FF / Safari / Chrome中，它可以正常工作，但在IE6 / 7中，显示对话框时，浏览器页面会跳到表单顶部。 我想防止这种情况的发生。

我在这里找到了我的问题的答案，它给出了以下示例代码：

$('a.anchor').remove().prependTo('body');

我将“ a.anchor”更改为“ form.anchor”，但无法正常工作。 首次加载mydomain /＃login时，IE仍跳至表单顶部。 然后，如果我刷新页面，它将再次显示对话框，但不会跳下来。

任何想法如何全局只是防止IE跳到任何形式/锚名称？

Answer 1

我建议使用查询参数或类似的参数，例如page.html？showlogin = true。 URL上的page.html＃xxxxx旨在将浏览器滚动到页面上的该ID。

中途http://www.w3schools.com/html/html_links.asp解释了名称属性。

否则，您将进行一些混乱的黑客操作，以绕过浏览器执行他们应做的事情。

Answer 2

........不要在代码中使用不想使用的命名锚点吗？

Answer 3

有合理的理由使用这种方式使用井号。 在Ajaxian应用程序中，它可以帮助管理浏览器历史记录。

除非有命名锚点，否则所有浏览器（包括IE）都应忽略location.hash，除非IE喜欢跳到具有该ID或NAME的任何元素。 所以如果你有

<form name="login" ...

要么

<form id="login" ...

甚至

<div id="login"><form name="somethingElse"...

可能会导致IE将其视为传统的哈希标记并跳下来。