我正在尝试从单独的 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">
1 回答
慕雪6442864
TA贡献1812条经验 获得超5个赞
使用以下方法，您可以从不同的 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>
- 1 回答
- 0 关注
- 119 浏览
添加回答
举报
0/150
提交
取消