Question

我有一个javascript文件，我正在HTML文件的head中调用它，它被称为custom.js，它定义了这个函数：

var example = function(element){
  console.log(element);
};

然后在实际的HTML文档中，就在body标签关闭之前，我尝试通过调用相同的函数来初始化它

example('.header-background');

我得到的错误示例不是函数，我究竟做错了什么？非常感谢你的帮助。

这里有更多的背景

<!DOCTYPE html>
<html>
<head></head>
<body>

 // the main body of html

<script src="custom/custom.js"></script> // here is the file with the example function

example ('.header-background'); // here im calling the function
</body>
</html>

Answer 1

将var example更改为window.example。如果在函数或闭包内声明一个带有var的变量，则它不可全局访问。

如，

function foo()
{
    var test = 'hi';
}
console.log(test); // error, test isn't accessible

function foo()
{
    window.test = 'hi';
}
console.log(test); // works

那里通常应避免使用全局变量。最有可能做出你想做的事情。

Answer 2

确保您在html页面中调用函数的函数所在的文件：

 <script type="text/JavaScript" src="youtpathtothefile/custom.js"></script>

希望有所帮助

Answer 3

请确保两件事：

你的javascript文件是在jQuery库之后加载的。
你的javascript在html文件中的每个dom完成加载后加载。

也许这可以帮到你。

从另一个文件调用javascript函数

3 个答案: