GET请求iframe

Question

<div id="result"></div>
<button id="send">Request</button>

JavaScript的：

var button = document.getElementById("send"),
    div = document.getElementById('result');

button.addEventListener('click', function() {
    var result = createIframe("f", "/lorem.txt");
    console.log(result.contentWindow);
    div.innerHTML = result.contentWindow.document.body.innerHTML;
});

function createIframe(name, src, debug) {
    var tmpElem = document.createElement('div');

    tmpElem.innerHTML = '<iframe name="' + name + '" id="' + name + '" src="' + src + '">';
    var iframe = tmpElem.firstChild;
    iframe.style.display = 'none';

    document.body.appendChild(iframe);

    return iframe;
}

我在本地服务器上有一个文件lorem.txt。使用隐藏框架，我试图查询此文件的内容并将其粘贴到<div id="result"></div>。但由于某种原因，它没有被插入。可能是什么问题？

Answer 1

我相信在您的javascript代码运行时，"send"和"result"的ID分别不存在，因此click事件不会附加到button。当您尝试通过其ID或将事件附加到它们时，您需要确保这些元素存在。

解决方案：在文档加载后确保代码正在运行，或者将相关脚本标记放在问题中描述的html下面。