Javascript 单击索引时将参数传递到模板文件中

我用JS文件中的一些JSON填充了一个表

data.js如下所示：

var数据=[
{
标题：“复仇者终局预告片”，
年份：2019年，
类型：“MOV”，
文件：“video1.mp4”
},
{
标题：“复仇者无限战争海报”，
年份：2018年，
键入：“PNG”，
文件：“image1.png”
}
];

数据在my functions.JS文件中的JS函数中读取（该文件写入实际的表行）

函数populateTable（）{
对于（变量i=0；i

我想弄清楚的是如何允许每个项目的链接使用不同的模板文件。我在上面的HREF中编写了一些伪代码，但这显然是不正确的

对于模板，我有两个：video.html和image.html。我想将索引的文件名作为参数传递到模板文件中，以便它可以显示正确的文件，但我不确定该怎么做

例如，video.html模板文件如下所示：

您的浏览器不支持HTML5视频。

您在这里重复了许多事情，使其无法优化。如果你能使用函数，请使用它们！如果没有，更好的方法是：

函数populateTable（）{
对于（变量i=0；i