html可以把一组元素保存在其他地方，然后用js插入么？

我在做的点击一个按钮，希望点击后，根据按钮不同，弹出的窗口里面的内容不同，但是格式相同。
想把这些内容编成其他文件，然后点击按钮的时候，把内容里的元素插入到弹出的窗口里面，应该怎么做呀？或者用什么做？

---

如果有多个按钮，可以把你的内容绑定到你的按钮上面。

<style>
  .btn{
     width: 30px;
     height: 20px;
  }
</style>
<button class="btn" id='a' data-content="a'content" value="a"/>
<button class="btn" id='b' data-content="b'content" value="b"/>

或者通过js判断呀。

    var btn = document.getElementsByTagName("button");

    document.body.onclick = function(event){    //冒泡处理
        var id = event.target.id;
        if(id === "a"){
            alert("a content");
        }else if(id === "b"){
            alert("b content");
        }
    }