Iframe経由で表示される外部HTMLファイルに書き込む方法はありますか？

全体的に、私は外部ファイルに書きたいだけです。したがって、私は2つのHTMLファイルと現在1つのJSファイルを持っています。 htmlページがmain.htmlとinframe.htmlと呼ばれているとします。現在、私のJavaScriptファイルは空です。関数main.htmlの入力に何かを入力してボタンをクリックすると、inframe.htmlに書き込むことができるように関数を記述しようとしています。Iframe経由で表示される外部HTMLファイルに書き込む方法はありますか？

<button style="width:100%; onclick="doStuff()"> &lt;h4&gt; </button>

機能doStuff（）単純に「Hello Worldを書くことになっている：main.htmlとで

<iframe src="inframe.html" style="background: #FFFFFF;"width="350px" height="100%"> 
     <p>Your browser does not support iframes.</p> 
</iframe>

そして、ちょうどボタン：現時点では

は、私はIFRAMEを持っています！ " iframeに表示されるはずのinframe.htmlに移動します。

どのようにしてこのような作業を行うことができますか？シンプルなようですが、わかりません。

出典

2017-01-24 Maggie

ようこそStackOverflow！私たちは質問を見直し、私は現在見ていることを覚えておいてください：_Writing投稿、今すぐstackoverflowが私に投稿させてくれるかどうかを確認してください。あなたの質問を編集して、実際の内容を入れてください。これはあまり良い考えではありません。 – ventiseis

この他の回答を見てください[http://stackoverflow.com/questions/1451208/access-iframe-elements-in-javascript](http://stackoverflow.com/questions/1451208/access-iframe-elements- in-javascript） – joe

これを行う1つの方法は、iframe要素のcontentWindowプロパティを使用することですが、最初にiframeにアクセスするためのIDを与えます。もちろんdocument.writeの

HTML

<iframe id="myFrame" height="100" width="300" src="about:blank"></iframe> 
<button onclick="doStuff()" type="button">doStuff</button>

はJavaScript

function doStuff() { 
    var frame = document.getElementById("myFrame"); 
    var win = frame.contentWindow; 

    win.document.write("hello folks") 
}

JavaSciptとHTMLを学びながら、主にこれらの日に使用され、他の場所で多くの使用は表示されません。

「MDN IFRAME要素」を検索することで、このようなことを調べることができます。

出典

2017-01-24 23:01:30 traktor53

Iframe経由で表示される外部HTMLファイルに書き込む方法はありますか？

答えて

関連する問題