2015-10-05 80 views
0

我想鏈接到另一個頁面(我無法修改)。不幸的是,該頁面沒有每個部分的唯一名稱或ID。相反,節標題只是在h2標籤內。是否可以指向沒有錨的頁面的一部分?

例如:

<h2>Section A</h2> 
<h2>Section B</h2> 
<h2>Section C</h2> 
<h2>Section D</h2> 
<h2>Section E</h2> 
<h2>Section F</h2> 
<h2>Section G</h2> 
<h2>Section H</h2> 
<h2>Section I</h2> 
<h2>Section J</h2> 

基本上,我想使其直接進入「部段F」來點我的鏈接。但是,沒有錨,這是甚至可以做到的嗎?

+0

[有沒有任何方法來書籤或鏈接到頁面的一部分沒有錨?](http://stackoverflow.com/questions/7983290/is-there-any-way-to-bookmark - 或 - 鏈接到一個部分的頁面沒有錨) – Ryan

+0

這絕對是可能的與JS。通過某種方式找到你想要的h2標籤,也許可以在'getElementsByTagName'中對信號進行索引,然後確定它在頁面上的位置並使用'window.scrollTo'。 –

+0

@Ryan OP提到甚至沒有'id'。 – divy3993

回答

0

使用getPos來自Get the position of a div/span tag。例如,可以使用goTo("Section C");來呼叫。

function goTo(text) 
{ 
    var h2s = document.getElementsByTagName('h2'); 

    for(var i = 0; i < h2s.length; ++i) 
    { 
     if(h2s[i].innerHTML.trim() == text.trim()) 
     { 
      window.scrollTo(h2s[i]); 
      return; 
     } 
    } 
} 

*未經測試,但應讓您關閉。

相關問題