如何从另一个JS文件调用Javascript函数

时间:2011-07-15 19:16:09

标签: javascript jquery this

是的,我在html中都包含这两个功能。我知道订购很重要。我很困惑的是JS函数的设置方式,我不知道调用我想要的函数的正确方法。

例如,我有一个Items.js,我在屏幕上显示了一些内容,但是当用户激活Phone.js

中的某些内容时,我希望隐藏所有这些内容

如何设置Items.js

Items = function()
{
    this.stop = function()
    {
       // Items are hidden
       $(this.ButtonDiv).hide();
       $(this.CounterDiv).hide();
    }
}

现在如何从Phone.js调用停止功能?

4 个答案:

答案 0 :(得分:6)

而是将项目声明为函数尝试:

var Items = {
    stop: function() {
        // Items are hidden
       $(this.ButtonDiv).hide();
       $(this.CounterDiv).hide();
    }
}

并调用函数:Items.stop();

答案 1 :(得分:2)

必须先加载

Items.js。在Phone.js内,您可以将该函数称为:

Items.stop();

如果这不起作用(虽然我认为应该这样),先创建Items()的类实例,然后调用stop()方法:

var items = new Items();
items.stop();

答案 2 :(得分:1)

确保在Phone.js

之前加载Items.js
<script src="Items.js"></script>
<script src="Phone.js"></script>

答案 3 :(得分:0)

你可以改变它:

var Items = new (function()
{
    this.stop = function()
    {
       // Items are hidden
       $(this.ButtonDiv).hide();
       $(this.CounterDiv).hide();
    }
})();

并称之为:

Items.stop();