javascript - 如何使用 CycleJS 将 html 插入 iframe

Question

使用 vanilla JavaScript，我将执行以下操作以将h1标签添加到 iframe 正文：

var doc = document.getElementById('iframe').contentWindow.document;
doc.write('<h1>Hello</h1>');

我怎样才能用 CycleJS 做到这一点？

Answer 1

HTML5 引入了接受 HTML 字符串的iframe属性srcdoc：

import {iframe, makeDOMDriver} from '@cycle/dom';

// later

iframe({attrs: {srcdoc: '<h1>Hello</h1>'}})

显然，这在没有polyfill的 IE 或 Edge 中不起作用，如此处所述。

---

当然还有老托：

iframe({attrs: {src: 'myiframe.html'}})