たとえば、ラベルテキストをクリックすると、のbox.htmlページのチェックボックスをオンまたはオフにしたいとします。htmlフレームのチェックボックスのラベル
iframeにbox.htmlページが含まれています。
Index.htmlと
<html>
<body>
<iframe src="box.html" height="25px" width="100px">
</iframe>
<label for="box">
checkbox
</label>
</body>
</html>
Box.html：
<html>
<body>
<input type="checkbox" id="box">
</body>
</html>
まず最初に、両方のページ（メインとiframe）は、他のそれは意志、同じドメインからのものでなければなりませんクロスドメインエラーを投げる
第一ページ
<html><head>
<script>
function delegate() {
var iframe = document.getElementById("myIframe");
iframe.contentWindow.change();
}
</script></head><body>
<iframe id="myIframe" src="box.html" height="25px" width="100px"></iframe>
<label for="box" onclick="delegate()">
Click Here.
</label></body></html>
第二ページ
<html><head>
<script>
function change() {
document.getElementById('box').checked = !document.getElementById('box').checked;
}
</script></head><body>
<input type="checkbox" id="box"></body></html>
私はこの質問はあなたを助けることができると思いhttps://stackoverflow.com/questions/19498725/control-iframe-content-with-javascript- html –
あなたはこれまで何をしていますか？ – Gagantous
私はブートストラップテンプレートを使用することをお勧めします – Gagantous