ページにスキップ ナビゲーション リンクを実装したいと考えています。このスキップ ナビゲーション リンクはすべてページの上部にあります。ページには、メイン コンテンツをロードする iframe が含まれています。
私が欲しいのは、ユーザーがページの上部にある「メインコンテンツにスキップ」リンクをクリックしたときに、iframe 内の特定の要素にフォーカスを設定する必要があることです。
ありがとう、
アミット
ページにスキップ ナビゲーション リンクを実装したいと考えています。このスキップ ナビゲーション リンクはすべてページの上部にあります。ページには、メイン コンテンツをロードする iframe が含まれています。
私が欲しいのは、ユーザーがページの上部にある「メインコンテンツにスキップ」リンクをクリックしたときに、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>
これはあなたが求めているものですか?主題は何か他のものを示唆しているようですが(?)、それはあなたの質問から私が理解したことです。
参照: http: //xkr.us/articles/dom/iframe-document/