使用 iframe 更新正文

【问题标题】：update body with iframe使用 iframe 更新正文
【发布时间】：2012-02-13 13:35:57
【问题描述】：

我正在尝试更改正文内容（删除所有内容），然后将 iframe 放在那里：

function create_iframe(target){
    var link = document.createElement('iframe');
    link.setAttribute('id', 'target_u');
    link.src = target;
    document.body.innerHTML = link;
    max_iframe();
}

但它会打印出来

[object HTMLIFrameElement]

有什么问题？

【问题讨论】：

标签： javascript html dom node.js iframe

【解决方案1】：

link 是 <iframe> 元素，而不是字符串。请改用replaceChild 方法：

document.documentElement.replaceChild(link, document.body);
//^^^^parent element^^^^  New element ^^^^, ^^^^^^^^^^^^^ Old element

或者，一个更好的方法，因为应该保留<body>，所以在清除正文后使用appendChild：

document.body.innerHTML = '';    // Clear contents
document.body.appendchild(link); // Append frame

【讨论】：

【解决方案2】：

document.body.appendChild(link);

【讨论】：