javascript - 在 JS 代码中添加弹出框的 html 内容的好习惯是什么？

Question

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

var popup = new Popup(title, content);

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

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

这种写法实在是太丑了，而且当内容复杂的时候，代码就很难读了。这样做的最佳做法是什么？

编辑 我所说的弹出窗口并不是指一个新的浏览器窗口，而是指当您点击 Google map 上的某个图钉时，会弹出有关该点的详细信息。

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>