如何从不同的HTML文件调用JavaScript函数？
如何从不同的HTML文件调用JavaScript函数？
提问于 2020-04-20 12:58:01
我正在尝试从一个单独的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
Stack Overflow用户
回答已采纳
发布于 2020-04-20 14:13:13
使用下面的代码，你可以从不同的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 lang="en">
<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61315377
复制相关文章
相似问题
腾讯云开发者
