Fatal编程技术网
  • javascript/
  • Javascript iframe中引用父页面中锚的链接？

Javascript iframe中引用父页面中锚的链接？

javascript html css iframe

Javascript iframe中引用父页面中锚的链接？,javascript,html,css,iframe,Javascript,Html,Css,Iframe,我有一个具有以下结构的HTML页面： index.html在顶部有一个菜单，如果用户单击该菜单，它将加载到底部的iframe中（如果加载内容，iframe将使用JS自动调整大小） 现在，我想在iframe中的一些页面中放置一个“转到顶部”链接，但由于锚点位于index.html中，因此它不起作用，例如： index.html： <body> <a name="topOfThePage"></a> ... <iframe .

我有一个具有以下结构的HTML页面：

index.html在顶部有一个菜单，如果用户单击该菜单，它将加载到底部的iframe中（如果加载内容，iframe将使用JS自动调整大小）

现在，我想在iframe中的一些页面中放置一个“转到顶部”链接，但由于锚点位于index.html中，因此它不起作用，例如：

index.html：

    <body>
    <a name="topOfThePage"></a>
    ...
    <iframe ...
这似乎不起作用，有人知道怎么做吗？（如果可能，不使用JS）

尝试将
target=“\u parent”
添加到锚定

编辑：这将以父框架为目标，但它将使用iframe页面的位置，因此如果包含页面的iframe是index.html，则href实际上需要是例如index.html#topOfThePage。显然，只有当iframe内容页始终包含在同一个包含页中时，这才有效-如果不是这样，请告诉我，我会考虑其他方法。

如果没有JS，我想你做不到。IFRAMEs的整体理念是它是一个独立的浏览器上下文。它可能只是一个输入错误，但锚点中的名称开头不应该有一个#，它只用于链接到它。@Niall-true，它是一个输入错误，我编辑了我的文章。这将把目标加载到父框架中，但我不认为它会在父DOM中查找ID。@尼尔如果我这样做，它似乎不起作用：它在Chrome中工作，但IE 10重新加载index.html，因此显示的iframe丢失了。啊，不幸的是。是的，我只在Chrome上试过。我想你需要JavaScript。 
    <a href="#topOfThePage" >go to the top</a>