html - 在页面 anchor 在 Firefox 中不起作用

Question

我有类似下面的代码，它会重复每页不同的镜头数。我的目标是打开一个弹出窗口并通过 url 直接转到那个特定的镜头，比如

www.example.com/shot/#12。

出于某种原因，这在 IE 和 chrome 中运行良好，但在 Firefox 中不起作用。在 Firefox 中，它指向不同的东西但确实打开了弹出窗口。

<repeater>
    <div>
        <div>
            <a href="#ShotNumber" name="#12">
            </a>
        </div>
        <div>
            HTML FOR EACH SHOT
        <div>
    <div>
<repeater>

Answer 1

anchor

<a name="Anchorname"></a>

例如:正常方式

 <div>
   <a href="#ShotNumber">Go to ShotNumber</a> <!-- Link to ShotNumber -->
   <a href="#12">Go to 12</a> <!-- Link to 12-->
 </div>
 <!-- more stuff -->
 <div>
   <a name="ShotNumber"></a> <!-- Anchor name=ShotNumber -->
   HTML FOR ShotNumber
 </div>
 <!-- more stuff -->
 <div>
   <a name="12"></a> <!-- Anchor name=12 -->
   HTML FOR 12
 </div>

这样调用它:

example.com/myShot.html#ShotNumber

编辑: html5: the-indicated-part-of-the-document

如果 DOM 中有一个元素的 ID 与解码后的 fragid 完全相同，那么按树顺序排列的第一个这样的元素就是文档的指定部分；在这里停止算法。

如果 DOM 中有一个 a 元素有一个 name 属性，其值恰好等于 fragid(不是解码的 fragid)，那么第一个这样的元素在树顺序是文档的指示部分；在这里停止算法。