在JS代码中添加弹出框的html内容有什么好的做法？

Question

我是 HTML 和 javascript 新手。当我尝试启动弹出窗口时，我发现通常的方法是这样的：

var popup = new Popup(title, content);

其中content包含弹出框内容的html字符串，例如

var content = "<div> \
<input type='text'> \
</div> "

这种写法真的很难看，当内容变得复杂时，代码就很难读了。这样做的好习惯是什么？

通过弹出窗口编辑 我并不是指新的浏览器窗口，而是当您单击 Google 地图上的图钉时，会弹出有关该点的详细信息。

Answer 1

我建议使用隐藏的 div 和您想要显示的文本，然后阅读它并放入Popup- 类似于

<div id="myPopup" style="display: none;">Popup content</div>
<script>

  var x=document.getElementById("myPopup");
  var p = new Popup(title, x.innerHTML);

</script>