如何在js文件中包含html文件

时间:2019-02-09 15:04:31

标签: javascript php html

在php中,我这样写:

volatile unsigned char flag = 0;

在html文件中,我这样写:

<?php include "file.php" ?>

现在,我正在处理一个js文件。

在这个js文件中,我想包含这样的html文件。

<script src='file.js'></script>

非常感谢。

1 个答案:

答案 0 :(得分:2)

您不能在外部JS文件中调用HTML文件,但是可以为此创建一个辅助函数。

Following this tutorial,您将能够获得以下内容:

function includeHTML() {
  var z, i, elmnt, file, xhttp;
  /*loop through a collection of all HTML elements:*/
  z = document.getElementsByTagName("*");
  for (i = 0; i < z.length; i++) {
    elmnt = z[i];
    /*search for elements with a certain atrribute:*/
    file = "filename.html";
    if (file) {
      /*make an HTTP request using the attribute value as the file name:*/
      xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (this.readyState == 4) {
          if (this.status == 200) {elmnt.innerHTML = this.responseText;}
          if (this.status == 404) {elmnt.innerHTML = "Page not found.";}

          //elmnt.innerHTML - THIS HTML FROM YOUR FILE
        }
      }      
      xhttp.open("GET", file, true);
      xhttp.send();
      /*exit the function:*/
      return;
    }
  }
};