javascript - 如何从其他页面调用 Javascript 函数？

Question

我有 5 个 javascript 函数 index.php :

1) showMsg();//这显示 50 条最新消息

2) showPopUpBox();//我使用 jquery 从 typingMsg.php 加载文本框和发送按钮

3) hidePopUpBox();//这个隐藏弹出框

4) checkNewMsg();//这将每 5 秒自动重新加载一次以检查是否有新消息，它将显示新消息总数。

5) ShowNewMsg();//当用户单击“显示新消息”按钮时将调用此函数。

当用户在弹出框的文本框中输入消息，然后点击“发送”按钮后，ajax 将调用 messagePost.php 将消息提交到数据库，如下代码:

$(function() {
$(".button").click(function() {
$.ajax({
             type: "POST",
             url: "messagePost.php",
             data: dataString,
             success: function() {
                 $('textarea.expand25-75').val('');
                 showMsg(); //this is my problem
                 hidePopUpBox(); //this is my problem too
             }
        });
    return false;
});
});

从上面的代码可以看出，showMsg();的函数；隐藏弹出框()；无法调用，因为函数不在这个页面上，我的问题是如何从不同的页面调用javascript函数？

Answer 1

您必须在将使用它们的每个页面中包含您需要的所有功能(我猜是index.php 和messagePost.php)。

这通常是通过对 .js 中的所有相关函数进行分组来完成的文件，然后使用 <script> 包含它们标签。

---

顺便说一下，其他一些答案正确地包括 top和 opener .所有建议的选项都能使您的代码正常工作，但一般来说，我建议您在需要它们的页面中直接导入函数。

例如，导入 hidePopUpBox() 可能有意义功能就在弹出窗口中(将使用 than)，而不是在父窗口中。