问题描述
我在使用 XMLHttpRequest 加载 javascript 时遇到问题。 我正在使用节点服务器进行本地开发。 用于创建我使用的请求
const request: XMLHttpRequest = new XMLHttpRequest();
request.onload = RSLImport.moduleOnLoaded.bind(request,this);
request.open('GET',`${url}`);
request.responseType = 'document';
request.send();
其中 RSLImport.moduleOnLoaded
是接收文档的回调
<link rel="stylesheet" href="module1/module1.css">
<script src="module1/module1.js" type="module"></script>
<template id="module1">
<p>Module 1</p>
</template>
在回调中我附加收到的节点
const elements = request.responseXML?.head.children;
if (elements){
console.log(elements[1].baseURI);
document.head.append(...elements);
}
所有节点都插入到 DOM 文档头中并且样式表已正确加载,但 javascript 未正确加载。
如果我使用 createElement('script')
创建脚本文档元素,请设置其 src
和 type
属性并将其附加到文档头,它会正确加载脚本。
谁能帮助我理解附加接收到的节点不会加载 javascript?
为了解释我的用例,我尝试编写一个自定义 Web 组件,该组件通过 html 导入其他自定义 Web 组件。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)