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

发布于 2024-11-24 21:05:35 字数 452 浏览 1 评论 0原文

是的，我已经将这两个函数都包含在 html 中了。我知道顺序很重要。我感到困惑的是JS函数的设置方式，并且我不知道调用我想要的函数的正确方法。

例如，我有一个 Items.js，其中我在屏幕上显示一些内容，但我想在用户激活 Phone.js< 中的某些内容时隐藏所有这些项目/code>

如何设置 Items.js：

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

现在如何从 Phone.js 调用停止函数？

原文

Yes, I have both functions included in html. I know the ordering matters. What I'm confused about is the way that the JS functions are set up, and I don't know the right way to call the function I want.

For example, I have a Items.js, in which I show some things on the screen, but I want to hide all of those items when the user activates something in a Phone.js

How Items.js is set up:

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

Now how do I call the stop function from Phone.js?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

岁月无声 2024-12-01 21:05:35

而不是将 Items 声明为函数，请尝试以下操作：

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

并调用该函数，如下所示： Items.stop();

Rather that declaring Items as a function try this:

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

And call the function like: Items.stop();

回复收藏 0 原文

白昼 2024-12-01 21:05:35

必须首先加载 Items.js。在 Phone.js 中，您可以调用该函数：

Items.stop();

如果这不起作用（尽管我认为应该），请先创建 Items() 的类实例，然后调用 stop() 方法：

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

Items.js must be loaded first. Inside Phone.js you can call the function as:

Items.stop();

If that doesn't work (though I think it should), create a class instance of Items() first and then call the stop() method:

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

回复收藏 0 原文

骷髅 2024-12-01 21:05:35

只需确保 Items.js 在 Phone.js 之前加载

<script src="Items.js"></script>
<script src="Phone.js"></script>

Just make sure that Items.js is loading before Phone.js

<script src="Items.js"></script>
<script src="Phone.js"></script>

回复收藏 0 原文

秋凉 2024-12-01 21:05:35

您可以像这样更改它：

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

并像这样调用它：

Items.stop();

You can change it like so:

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

And call it like so: