JavaScript-通过将功能添加到最后加载的外部脚本来覆盖功能是一种不好的做法吗？

Question

我有一个JavaScript函数，当单击网站所有页面共有的部分视图中包含的按钮时会触发该功能。我想要的是，当我在页面“ D”上时，该功能必须执行其他操作。最佳做法是什么？

我试图为该页面添加第二个外部脚本，并包含具有相同名称但不同操作的函数，然后在主脚本之后调用该脚本。

局部视图

<button id="btnSubmit" onclick="buttonClicked()"> Submit </button>

当我在页面“ A”，“ B”，“ C”上时，该功能必须执行以下操作：

//JavaScript common file across all 3 pages:
function buttonClicked()
{
console.log(5);
}

当我在页面“ D”上时，该功能必须执行以下操作：

//JavaScript new file that is only used on Page D:
function buttonClicked()
{
console.log(10);
}

这只是一个简单的例子。功能要复杂得多，该网站已经可以运行。这是不好的做法吗？现在可以正常使用，但是有可能引起任何问题（例如不同的浏览器）吗？

谢谢

Answer 1

它将起作用，但是当您在html文件中编写越来越多的javascrpit代码时，它将变得凌乱。 -制作一个名为script.js的文件 -在您的html文档中链接script.js文件（对Google应该非常容易） -在script.js文件中设置所有功能

代替使用“ onclick =” buttonClicked（）“。尝试使用（在script.js文件中）：

document.getElementById("btnSubmit").addEventListener("click", your_funcion_name);
your_function_name(){ Write your function-code here }

Answer 2

这不是标准做法，因此正在创建可在不同页面上调用该函数的服务。现在，您不能将任何东西附加到主函数上，而不会在调用时影响其他页面。