jQuery加载到iframe中

Question

我创建了一个类似Codepen的页面编辑器，但是问题是jQuery文件未加载并且将不会执行。 我的代码如下，如何将jQuery添加到此代码中？

        <div class="live-room">
            <iframe id="live" src=""></iframe>
        </div>
        ....
<script>
/**** Messy Code That Sends The Updated** Code From The Editors To The** Iframe*/
const liveRoom = document.getElementById('live');
liveRoom.contentWindow.document.body.innerHTML = '<h1>Hello World!</h1><script src="https://oooo.com/js/jquery.js"/>';
const style = document.createElement('style');
style.setAttribute('id', 'style');
style.innerHTML = 'body {color: red;}'

const script = document.createElement('script');
script.innerHTML ='console.log("hi")';

liveRoom.contentWindow.document.head.appendChild(style);
liveRoom.contentWindow.document.head.appendChild(script);

CodeMirror.on(studio.editor.html, 'change', function () {
    liveRoom.contentWindow.document.body.innerHTML = studio.editor.html.getValue();
})
CodeMirror.on(studio.editor.css, 'change', function () {
    liveRoom.contentWindow.document.getElementById('style').innerHTML = studio.editor.css.getValue();
})
</script>

我真的很困惑，请为我描述正确的代码。