如何从不同的HTML文件调用JavaScript函数？

我试图从一个单独的HTML文件中获取一个链接，以显示一个特定的自动JavaScript隐藏元素。该页面显示了8个单独的按钮，单击这些按钮时会显示一个隐藏的div元素

JavaScipt函数代码：

    function tr() {
        var x = document.getElementById("tr");
        if (x.style.display === "block") {
            x.style.display = "none";
        } else {
            x.style.display = "block";
        }
    }

我再次尝试从一个单独的HTML文件中调用这个函数

谢谢大家!

编辑：是的，对不起，我应该提到我对JavaScript非常缺乏经验。现在，当我把它变成一个对象时，它似乎仍然没有被调用。要使这个对象成为全局对象，我需要包括哪些内容

var name = {
    a : function tr() {
        (...)
    }
}

我如何称呼它：

<button onclick="name.a()" class="button">

---

使用以下方法，您可以从不同的HTML文件调用JavaScript函数：

<script src="demo.js"></script>

例如：

函数tr（）{
var x=document.getElementById（“tr”）；
警报（“函数为调用”）；
//如果（x.style.display==“块”）{
//x.style.display=“无”；
//}其他{
//x.style.display=“块”；
// }
}

文件
演示btn

现在，这里的实际问题是什么？只需执行

tr（）

，但请注意，另一个文件中的函数必须是全局的（或在全局对象中）。在

load

事件中，如果脚本标记在您的头部，则您可以访问其他脚本。只需确保要访问的变量和函数的作用域高于负载。编辑后，无需专门定义全局对象或函数，只需在全局作用域中声明即可。如果未调用示例中的object方法，请查看DevTools中的Network选项卡，您将了解是否加载了外部文件。Ummm。。。提供对象的真实名称不是

name

。Global

name

是窗口的名称，它受类型保护（始终是字符串）。

<button onclick="tr()" class="button" id="tr">demo btn</button>