如何从不同的 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 src="demo.js"></script>这里 demo.js 是你的 JavaScript 文件名。并在此代码中添加id="tr"和onclick="tr()"。<button onclick="tr()" class="button" id="tr">demo btn</button>例子：function tr() { var x = document.getElementById("tr"); alert("function is call"); // if (x.style.display === "block") { // x.style.display = "none"; // } else { // x.style.display = "block"; // }}<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button onclick="tr()" class="button" id="tr">demo btn</button> <script src="demo.js"></script></body></html>
随时随地看视频慕课网APP
相关分类
Html5