Функция загрузки Javascript, загрузка только частичного контента

Question

Я хочу загрузить некоторое содержимое в HTML-файле при нажатии кнопки, и я нашел в сети некоторый код, который работал в начальных тестах, но когда я внедрил его на свой сайт, я обнаружил, что загруженный файл включал лишь небольшую частьсодержимого, которое я хотел загрузить.

Есть ли какое-то ограничение на метод, который я использую, и, если есть, каков процесс загрузки чего-то большего размера?

Смотрите мой текущий метод ниже.Я пропустил событие нажатия, потому что это нормально.

let openingCode = $('.openingCode').text().trim()
let bodyCode = $('.emailContent').html().trim()
let closingCode = $('.closingCode').text().trim()
let contentToCopy = openingCode + bodyCode + closingCode
console.log(contentToCopy)

let downloadName = $('.fileNameText').val()
var a = document.body.appendChild(
  document.createElement("a")
);

a.download = downloadName + ".html";
a.href = "data:text/html," + contentToCopy;
a.click();

Обновление

Я изменил свой код, чтобы использовать вместо него большой двоичный объект, следуя предложениюниже.Я изо всех сил пытался следовать предоставленному примеру, поэтому отслеживал некоторые другие примеры людей, использующих большие двоичные объекты для загрузки 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!Я смотрел на мою последнюю развернутую версию, а не на мою последнюю локальную версию!

Использование блоба сработало!