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

我不熟悉HTML和javascript。当我尝试启动弹出窗口时，我发现通常的方法如下：

var popup = new Popup(title, content);

其中

content

是包含弹出框内容的html字符串，例如

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

var内容=”\
\
"

这种写作风格真的很难看，当内容变得复杂时，代码很难阅读。这样做的好做法是什么

编辑

---

我所说的弹出窗口并不是指一个新的浏览器窗口，而是当你点击谷歌地图上的一个pin时，会弹出关于该pip的详细信息。

最好以弹出窗口的形式打开一个html页面。请看一看

---

在这种情况下，您可以在弹出窗口中添加一些输入或其他html元素，甚至在弹出页面中实现逻辑。

我建议使用一个隐藏的div来显示您想要显示的文本，然后读取它并将其放入弹出窗口中

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

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

</script>

弹出式内容
var x=document.getElementById（“myPopup”）；
var p=新弹出窗口（标题，x.innerHTML）；

您可以在html页面上显示弹出内容，然后切换显示或隐藏，或者直接复制