Question

我正在尝试在我的js代码中显示一个html文件。

这是我想看到的普通html文件。我已经为此创建了一个IFRAME，但是不知何故我无法继续...

这是我的代码片段：

var controlAddIn = document.getElementById('controlAddIn').src = 'index.html';

所以我要调用的文件是“ index.html”。但这不起作用。

如果我这样称呼：

var controlAddIn = document.getElementById('controlAddIn').srcdoc = '<div><meta charset="UFT-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"></div>';

它正在工作，但是taht使其很难阅读... 您有一个主意，如何在这一点上调用我的整个代码，还是多行？

Answer 1

如果您这样调用，则两个文件应位于同一路径否则，您将调用正确的路径

var controlAddIn = document.getElementById('controlAddIn').src = 'index.html';

将此文件保存在index.html路径中，然后在浏览器中打开

<script type="text/javascript">

function newSite() {


    document.getElementById('myIframe').src = "index.html"
}    
</script>

<input type="button" value="Change site" onClick="newSite()" />
<iframe id="myIframe" src="http://google.com/" ></iframe>

Answer 2

您可以使用XMLHttp请求来获取此代码异步的HTML文件内容

function httpGet(theUrl,callback)
   {
       var xmlHttp = new XMLHttpRequest();
       xmlHttp.open( "GET", theUrl, true ); // false for synchronous request
       xmlHttp.send( null );
       xmlHttp.onreadystatechange = function() {
          callback(xmlHttp.responseText);
       };
    }
  var controlAddIn;
  httpGet("index.html",function(content){
     controlAddIn = document.getElementById('controlAddIn').src =content;
  });

如何在javascript中显示html文件？

2 个答案: