简单方便的插入的 iframe 的实现

insert_iframe.js

function insert_iframe(srcdoc) {
      // 首先清理所有的已经插入的 iframe
      // https://stackoverflow.com/a/65413839
      document.getElementById("web-browser").replaceChildren()
      // 此处再考虑重新插入新的 iframe
      const $el = document.createElement("iframe")
      Object.assign($el, {
          id: "iframe",
          className: "iframe",
          name: "iframe",
          allow: "fullscreen",
          referrerpolicy: "no-referrer",
          sandbox: "allow-same-origin allow-scripts",
          height: "100%",
          width: "100%",
          src: "/?blank=iframe&cors=iframe", // 默认嵌入 iframe 内容网址
          srcdoc: srcdoc
      })
      document.getElementById("web-browser").appendChild($el)
  }