2015-10-05 48 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; 
     } 
    } 
} 

*未经测试,但应让您关闭。

相关问题