猿问

如何从不同的 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">


梦里花落0921
浏览 114回答 1
1回答

慕雪6442864

使用以下方法，您可以从不同的 HTML 文件调用 JavaScript 函数：<script&nbsp;src="demo.js"></script>这里 demo.js 是你的 JavaScript 文件名。并在此代码中添加id="tr"和onclick="tr()"。<button&nbsp;onclick="tr()"&nbsp;class="button"&nbsp;id="tr">demo&nbsp;btn</button>例子：function tr() {&nbsp; &nbsp; var x = document.getElementById("tr");&nbsp; &nbsp; alert("function is call");&nbsp; &nbsp; // if (x.style.display === "block") {&nbsp; &nbsp; //&nbsp; &nbsp; &nbsp;x.style.display = "none";&nbsp; &nbsp; // } else {&nbsp; &nbsp; //&nbsp; &nbsp; &nbsp;x.style.display = "block";&nbsp; &nbsp; // }}<!DOCTYPE html><html><head>&nbsp; &nbsp; <meta charset="UTF-8">&nbsp; &nbsp; <meta name="viewport" content="width=device-width, initial-scale=1.0">&nbsp; &nbsp; <title>Document</title></head><body>&nbsp; &nbsp; <button onclick="tr()" class="button" id="tr">demo btn</button>&nbsp; &nbsp; <script src="demo.js"></script></body></html>
0
随时随地看视频慕课网APP

相关分类

Html5
我要回答