document.write iframe导致白屏

document.write是JavaScript中的一个方法，用于将指定的内容直接写入到HTML文档中。而iframe是HTML中的一个标签，用于在当前页面中嵌入另一个页面。

当使用document.write方法来写入iframe标签时，可能会导致白屏的问题。这是因为document.write会在页面加载过程中直接修改HTML文档的内容，如果在页面加载完成后再使用document.write来写入iframe标签，会导致当前页面的内容被覆盖，从而出现白屏现象。

为了避免这个问题，可以使用其他方法来动态创建和插入iframe标签，例如使用createElement和appendChild方法。这样可以确保在页面加载完成后再插入iframe标签，避免出现白屏问题。

以下是一个示例代码，展示如何使用createElement和appendChild方法来动态创建和插入iframe标签：

// 创建一个iframe元素
var iframe = document.createElement('iframe');

// 设置iframe的属性
iframe.src = 'https://www.example.com';
iframe.width = '500';
iframe.height = '300';

// 将iframe插入到页面中的某个元素中
var container = document.getElementById('container');
container.appendChild(iframe);

在上述示例中，我们首先使用createElement方法创建了一个iframe元素，然后设置了iframe的src、width和height属性，最后使用appendChild方法将iframe插入到页面中的某个元素中（假设该元素的id为container）。

这样就可以避免使用document.write导致的白屏问题，并且动态创建和插入iframe标签的方式更加灵活和可控。