0

リンクを新しいタブで開き、そのリンクの特定の div に移動したい。リンクは次のとおりです。

http://paper.li/f-1333760510

#paper-windowリンクをクリックしてdivに移動したい。これが私が試したことです:

1.

<a href="http://paper.li/f-1333760510#paper-window" target="_blank" />

2

<a href="#" onclick="load-link(); return false" />

function load-link() {
    var w = window.open("http://paper.li/f-1333760510");
    w.location.href = "http://paper.li/f-1333760510#paper-window";
} 
4

1 に答える 1

1

リンクは問題ないように見えます...しかし、location.hashを要素のIDと間違えています...

OLD: あなたのアンカー マークアップはまったく問題ありません:

<a href="http://paper.li/f-1333760510#paper-window" target="_blank">open me</a>
<a name="paper-window"></a>

#somethingURLの一部がそのページの特定のアンカーへのジャンプポイントであり、IDを指していない原因

更新 (コメントに関して、皆さんに感謝します:))フラグメント識別子にナビゲートするためのHTML5仕様は、実際に両方が機能すると述べています...順序は、最初にIDを探し、その後属性名を持つアンカーを探すことです(ただし、下位互換性のために HTML5 では廃止されています)

したがって、これはhttp://www.example.com#fooを開くと次の検索結果になることを意味します。

// check for an element with an id matching "foo"
<div id="foo"></div>

// if no element was found check for an anchor with that name (also backward compatibility)
<a name="foo"></a>

// compare location.hash with "top"
// would jump to the top of the page if it matches
于 2012-04-30T10:18:42.273 に答える