Question

我想将文件的内容放在div内，而不是使用ID或类，只能使用script内的body标记。这是我的代码：

<div>
  <span>hi, welcome to the </span>
  <script>
    // This is what I need
  </script>
  <span> season...</span>
</div>

Answer 1

这是一个不需要延迟document.write或同步Ajax的脚本

<script>
  document.write('<span id="inserted"></span>'); // inline so ok
  $(function() { $("#inserted").load("myfile.html") });
<script>

在Plain JS中使用xmlhttprequest和innerHTML来避免同步

Answer 2

function respondWithResult(res, statusCode) {
  statusCode = statusCode || 200;
  return function (entity) {
    if (entity) {
      res.status(statusCode).json(entity);
    }
  };
}

要获取托管在调用网站的同一目录中的文件内容，请使用<div> <span>hi, welcome to the </span> <script> var xhr = new XMLHttpRequest(); xhr.open('GET', '/filename.txt', false); xhr.send(null); if (xhr.readyState === 200) document.write(xhr.responseText); </script> <span> season...</span> </div>;如上图所示。

此外，您还需要发出请求XMLHttpRequest，以便synchronous该特定位置的文件内容。

Synchronous XMLHttpRequests

Answer 3

您可以使用jQuery AJAX加载文件并使用document.write()函数将内容放入该间隙。代码：

<head>
    ...
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>

<body>
    ...
    <div>
        <span>hi, welcome to the&nbsp;</span>
        <script>
            $.ajax({
                async: false, // With this, you wait until the file is loaded
                type: "GET", // If the file is large, use POST instead
                url: "yoururl.txt", // Use the relative URL
                dataType: "text",
                success: function(LoadedFile) {
                    document.write(LoadedFile);
                }
            });
        </script>
        <span>&nbsp;season...</span>
    </div>
    ...
</body>

注意：使用 代替空格“”强制浏览器使用它们。

如何使用Javascript将文件的内容放在div中？

3 个答案: