Javascript下载功能仅下载部分内容

我想在点击按钮时下载HTML文件中的一些内容，我在网上找到了一些在初始测试中有效的代码，但是当我在我的网站上实现它时，我发现下载的文件只包含我想要下载的内容的一小部分

我使用的方法是否有某种限制？如果有，下载更大尺寸的东西的过程是什么

请参阅下面我的当前方法。我省略了点击事件，因为这很好

let openingCode=$（'.openingCode'）.text（）.trim（）
让bodyCode=$（'.emailContent'）.html（）.trim（）
让closingCode=$（'.closingCode'）.text（）.trim（）
让contentToCopy=openingCode+bodyCode+closingCode
console.log（contentToCopy）
让downloadName=$（'.fileNameText'）.val（）
var a=document.body.appendChild(
document.createElement（“a”）
);
a、 下载=下载名称+“.html”；
a、 href=“data:text/html，”+contentToCopy；
a、 单击（）；

更新

根据下面的建议，我已经将代码改为使用blob。我很难遵循提供的示例，因此找到了一些其他使用blob下载html文件的示例，并对代码进行了一些更改。但是，我下载的文件仍然在我的内容中的同一点结束

下面是新代码

var a = document.body.appendChild(
       document.createElement("a")
   );
   var blob = new Blob([contentToCopy], {type: "text/html"});
   var url = URL.createObjectURL(blob);
a.href = url
a.download = downloadName + ".html";
a.click();

更新2

我上面的更新是一个noob错误！我看的是我上次部署的版本，不是我最新的本地版本

---

使用blob成功了

数据：

URI确实有限制。改为使用。@SebastianSimon好的，但是如何指导浏览器下载Blob？@FZs我链接到的文档页上有一个。谢谢Sebastian和@FZs，我现在正在审阅。我可能会有一些后续问题！嗨，塞巴斯蒂安和@FZs，我已经更新了上面的帖子。