我做了一个javascript函数，现在我想缩短它，我该怎么做？

我的代码太长了，我想知道是否有人可以告诉我如何缩短它

这就是我所说的代码：

function load_home() {
     document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';
}

function load_famous() {
     document.getElementById("content").innerHTML='<object type="text/html" data="famous.html" ></object>';
}

function load_game() {
     document.getElementById("content").innerHTML='<object type="text/html" data="game.html" ></object>';
}

function load_color() {
     document.getElementById("content").innerHTML='<object type="text/html" data="color.html" ></object>';
}

function load_other() {
     document.getElementById("content").innerHTML='<object type="text/html" data="other.html" ></object>';
}

---

我还尝试了一个外部js文件，但也没有帮助，如果这是noob的东西，很抱歉。

传递一个参数，指示您需要的

数据：

function loadObject(data) {
  document.getElementById("content").innerHTML = `<object type="text/html" data="${data}.html" ></object>`;
}

函数加载对象（数据）{
document.getElementById（“内容”）.innerHTML=`；
}

然后您可以使用
loadObject（'home'）
，
loadObject（'名人'）
，等等。
您可以使用函数参数。由于您的所有代码基本上是相同的，但链接不同，因此您可以传入不同的参数

尝试使用以下方法：

function load(data) {
    document.getElementById("content").innerHTML=`<object type="text/html" data="${data}.html" ></object>`;
}
let datas = ["home", "famous", "color", "game", "other"];
datas.forEach(i => {
    load(i);
});

功能加载（数据）{
document.getElementById（“内容”）.innerHTML=`；
}
让数据=[“家”、“著名”、“颜色”、“游戏”、“其他”]；
datas.forEach（i=>{
负荷（i）；
});

有关函数参数的详细信息，请阅读[this site]。（）

function load_any(Type){content.innerHTML='<object type="text/html" data="'+Type+'.html"></object>';}

提取常见的部分<代码>函数load_home（）{load_data（“home”）；}

。

function load_any(Type){content.innerHTML='<object type="text/html" data="'+Type+'.html"></object>';}

load_any('game');