1

我有两个 html 文件 Editor.html 和 Test.html。我想将 Test.html 文件的源代码放入 Editor.html 中的内容可编辑 div 中。我可以简单地使用java脚本来做到这一点吗？

4

4 回答 4

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 回答
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

您可以使用 aniframe加载网页，然后使用 javascript 获取其 HTML 代码

<iframe src="test.html" style="display:none;" name="myFrame">
</iframe>
<textarea id="result"></textarea>

和 javascript 是

<script>
var frame = window.frames["myFrame"].document;
var data = frame.getElementsByTagName('html')[0].innerHTML;
    document.getElementById("result").innerHTML = data;
</script>

此代码将有助于获取 HTML 文件标记内的所有 HTML 代码（在本例中为 test.html）。

但它不会打印标签本身，所以这样做使用：

document.getElementById("result").innerHTML = "<HTML>"+data"</HTML>";

但如果可能的话，我建议通过使用 Jquery 库来使用 AJAX。

于 2019-06-16T13:59:22.850 回答