当前位置：文江博客话题详情

跳过 iframe 中加载的多个页面之间的导航

发布于 2024-11-27 17:15:04 字数 144 浏览 3 评论 0原文

我想在我的页面中实现跳过导航链接。所有这些跳过导航链接都位于页面顶部。页面包含加载主要内容的 iframe。

我想要的是，当用户单击页面顶部的“跳到主要内容”链接时，焦点应设置在 iframe 内的特定元素上。

谢谢，

阿米特

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

暮光沉寂 2024-12-04 17:15:04

<script type="text/javascript">
function skipToMainContent() {
var frameElement = document.getElementById("frameElementId");
// replace with your frame's id

var frameDoc = frameElement.contentWindow.document || frameEle.contentDocument;

frameDoc.getElementById("idOfElementToFocusOn").focus();
// replace with your element's id

}
</script>

...

<a href="#idOfIframe" onclick="skipToMainContent()">Skip to main content</a>

这就是你所要求的吗？这就是我从你的问题中了解到的，尽管这个主题似乎暗示了其他东西（？）。

参考：http://xkr.us/articles/dom/iframe -文档/

<script type="text/javascript">
function skipToMainContent() {
var frameElement = document.getElementById("frameElementId");
// replace with your frame's id

var frameDoc = frameElement.contentWindow.document || frameEle.contentDocument;

frameDoc.getElementById("idOfElementToFocusOn").focus();
// replace with your element's id

}
</script>

...

<a href="#idOfIframe" onclick="skipToMainContent()">Skip to main content</a>

Is this what you're asking for? That's what I understood from your question though the subject seems to suggest something else (?).

Reference: http://xkr.us/articles/dom/iframe-document/

回复收藏 0 原文

~没有更多了~