我试图在我的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>';
它工作正常,但这使得它很难阅读......你有一个想法,我现在如何调用我的整个代码,也是多行?
如果你像其他人一样调用正确的路径,那么这两个文件应该是相同的路径
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>
您可以使用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;
});