1

Editor.html と Test.html の 2 つの HTML ファイルがあります。Test.html ファイルのソース コードを Editor.html のコンテンツ編集可能な div に取得したいと考えています。Javaスクリプトを使用して簡単にこれを行うことはできますか?

4

4 に答える 4

1

このようなものを、必要なフォーマットと組み合わせて実行する必要があります。つまり、コードを記述してからボタンをクリックしてコンテンツをiframeに渡し、何が出力されるかを確認する方法を探している場合です。

<html>
<head><title>Test</title></head>

    <script>
    function writer()
    {
    var page = document.getElementById('box').value
    document.getElementById('realbox').contentWindow.document.body.innerHTML = page
    }
    </script>
<body>

    <textarea rows ="50%" cols="100%" id='editbox'></textarea>
    <iframe style="background-color: red;" id='realbox' height="100%" width="100%">/iframe>
    <input type="button" onclick="writer()" value="write">

</body>
</html>
于 2012-05-21T19:17:04.847 に答える
1

その場合はiframeを使用しようとします。window.frames で iframe コンテンツを完全に取得できます。

window.frames['iframe_name'].document.getElementById('div_in_iframe');

通常の like の内容を置き換えることができます。

于 2012-05-21T17:57:44.837 に答える
1

ajax経由。

jqueryライブラリは ajax の作業を軽くします

   <script src="/jquery.min.js"></script>

   <div id="myeditable" contenteditable="true"></div>

  <script type="text/javascript">

   /* the simplest method in the library */
    $("#myeditable").load("/test.html");

   </script>

プロトタイプのような他の優れた JavaScript 省略形ライブラリもあります

于 2012-05-21T18:13:48.673 に答える