Javascript 有没有办法在脚本文档中写入文本；分成多行？

我目前正在做一个静态网站和

文档+
对于节省大量空间非常重要

我对其他语言了解不多，JS也不够好，但这是一种转变的方式

这个

安德鲁·罗伯茨
文件。写（``）；

进入类似以下内容（将调用的外部文件）

安德鲁·罗伯茨 document.write(` `); 我需要这个，以便这些文本仍然可以很容易地阅读和编辑，如果我必须的话。 我知道我可以在一个.js文件中编写多个

文档，但我并不喜欢这样做

有人能告诉我一个只使用html和javascript的替代方案吗

非常感谢
 您可以在文档中使用\n输出换行符。写入：

document.write("line1\nline2");

也可以使用多行字符串：

var foo =  `
  <div>
    <p>bar</p>
  </div>
`;

var foo=`
酒吧

`;

希望这有帮助。
我想它会解决这个问题，使用函数创建HtmleElement很方便

/**
*@param{string}标记
*@param{Object|null}选项
*@param{Array}子节点的子节点
*/
函数createNode（标记、选项、子项=[]）{
让节点=document.createElement（标记）
for（让我输入选项）{
节点[i]=选项[i]
};
children.forEach（v=>{
const{tag，options，children}=v
appendChild（createNode（标记、选项、子项））
})
返回节点
}
//创建节点
//  
//  
让节点=createNode（'div'{
类别：“col-lg-2 col-md-4 col-4”
}, [{
标签：“a”，
选项：{href:https://somecloud.com/drive/folders/1xFsg02bKCDykbYQocnJAkvI4C4SMztoq?usp=sharing" },
儿童：[{
标记：“img”，选项：{src:https://i.ma.com/images/S/compressed.photo.biographies.com/books/1396671960l/20821092.jpg，类别：“img流体圆形阴影sm”}
}]
}])
函数写入（元素）{
document.write（Element.outerHTML）
}
写入（节点）
console.log（节点）

anb我建议您使用
appendChild
添加HTMLElement：

function appendNode(Element) {
  document.body.appendChild(Element)
}

它可能还取决于您的文本编辑器，例如，在Visual Studio代码中，您可以通过按Alt+Z轻松完成这项工作。我使用svg格式做了很多工作，我非常需要它，它并没有使它变得完美，但它是可读的，但是，如果您想手动执行此操作，还可以为每个文档添加一个新的
文档

``

引述如下：

let myScript=`<div class="col-lg-2 
col-md-4 col-4">
<a href="https://somecloud.com/drive/folders/1xFsg02bKCDykbYQocnJAkvI4C4SMztoq?usp=sharing">
<img src="https://i.ma.com/images/S/compressed.photo.biographies.com/books/1396671960l/20821092.jpg" class="img-fluid rounded shadow-sm">
</a>
</div> `;

document.write(myScript);

让myScript=`
`;
document.write（myScript）；
Hi@Lennart，感谢您抽出时间来帮助我。您上面提到的脚本，
var foo
对我来说是新的，但我认为它很好。你能告诉我更多关于它的信息吗，至少是关于它是如何使用的，以及如何调用该脚本，什么是完整的、可复制的可复制格式？（因为我现在不能真正从头开始构建自己的脚本）foo只是一个常用的变量名，当您需要一个gneric变量名时。真正重要的一点是多行字符串的倒单引号。不要，document.write不是向页面添加内容的方式。您可以创建节点并将添加到DOM。您好，您能告诉我如何以这种方式添加标记吗？我是否只需将其更改为
标记：“p”
，然后继续段落文本？为什么不试试呢？
function appendNode(Element) {
  document.body.appendChild(Element)
}

let myScript=`<div class="col-lg-2 
col-md-4 col-4">
<a href="https://somecloud.com/drive/folders/1xFsg02bKCDykbYQocnJAkvI4C4SMztoq?usp=sharing">
<img src="https://i.ma.com/images/S/compressed.photo.biographies.com/books/1396671960l/20821092.jpg" class="img-fluid rounded shadow-sm">
</a>
</div> `;

document.write(myScript);