如何使用CycleJS将html插入iframe

Question

使用vanilla JavaScript，我会执行以下操作来向iframe主体添加h1标记：

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

我怎么能用CycleJS做到这一点？

Answer 1

HTML5引入了iframe属性srcdoc ，它接受一串HTML：

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

// later

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

显然，这并不在IE浏览器或边缘没有填充工具 ，提到这里 。

---

当然有旧的可靠性：

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