Javascript 函数在修改的html上触发两次

我在本地托管网站上尝试过，如果我在html页面上修改了函数中的数据，当我触发该函数时，它将执行2次，1次是默认数据，另一次是修改数据

为什么会这样

它会发生在真实的网站上吗

若这将发生在真实的网站上，是否有可能检查修改后的数据或将其限制为执行JavaScript函数

<input type='button' onclick='test("a");' value='try' />
<script>function test(text){alert(text);}</script>

功能测试（文本）{警报（文本）；}

如何“修改函数中的数据”？只需打开页面，检查元素并编辑HTML，然后它将仅在浏览器中运行，在客户端使用javascript编写，因此如果通过浏览器在客户端添加/编辑/删除任何内容，它将仅为该客户端应用这些更改。这就像从网站下载一个.txt文档，在你的计算机上编辑它并保存更改，然后询问这些更改是否适用于其他人……是的，我可以从服务器加载数据，但如果我只想重用浏览器中的数据，当用户修改html数据时，它将被破坏。如何“在函数中修改数据”？只需打开页面，检查元素并编辑HTML，然后它将仅在您的浏览器中运行，在客户端使用javascript，因此，如果您通过浏览器在客户端添加/编辑/删除任何内容，它将仅为该客户端应用这些更改。这就像从网站下载一个.txt文档，在你的计算机上编辑它并保存更改，然后询问这些更改是否适用于其他人……是的，我可以从服务器加载数据，但如果我只想在浏览器中重用数据，当用户修改html数据时，它将被破坏。