2012-04-30 8 views
0

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

http://paper.li/f-1333760510

と私はリンクをクリック上のdiv #paper-windowに行きたいです。

1.

<a href="http://paper.li/f-1333760510#paper-window" target="_blank" /> 
<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"; 
} 

答えて

1

リンクはOKに見える...しかし、あなたは要素のidを持つlocation.hashを置き忘れている:ここで私が試したものです。 ..

OLD: あなたのアンカーマークアップは絶対にOKです:

<a href="http://paper.li/f-1333760510#paper-window" target="_blank">open me</a> 
<a name="paper-window"></a> 
012 URLの #something一部原因

は、そのページ上の特定のアンカーへのジャンプポイントであるとidを指していない

UPDATE(ご意見について、あなたのすべて:)のおかげで) HTML5の仕様についてNavigating to a fragment identifier実際に両方とも動作します... 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 
+0

idを持つdiv要素に移動する方法はありますか?...リンクは外部であり、変更はできません。ところで、ブラウザに 'http:// paper.li/f-1333760510#paper-window'というリンクを置くと、ページを一度ロードした後に、目的のdivにジャンプしています。 – rubyprince

+0

これは解決できるかもしれませんが、外部のページでしかハッシュを読んで内部的に処理していません...私はそのURLをペーストしましたが、目的のDIVにジャンプしませんでした...私はブラウザが記憶しているので、これが起こったと思います –

+0

うーん...はい...あなたは正しいです...私はちょうどチェックし、ジャンプはFire-Foxのためだけに起こり、Chromeのようなものではないことに気付きました。 – rubyprince

関連する問題