在另一个JavaScript文件中包含JavaScript文件

Question

我有两个正在使用的JavaScript文件，我想一个包含另一个。

validate.js：

function validateEmail(userEmail) {
    var email = userEmail;
    var emailFilter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

    if (emailFilter.test(email)) {
    //alert('Please provide a valid email address');
        email.focus;
        return true;
    }
    else {
        return false;
    }
}

navigation.js

$(document).ready(function() {
    var imported = document.createElement('script');
    imported.src = 'lib/validation.js';
    document.head.appendChild(imported);

    console.log("DOCUMENT IS READY!");

    var viewsWrapper = $("#views-wrapper");
    var loginButton = $("#login-button");
    var registerButton = $("#register-button");

    // Login Link
    // TODO: Unclear if needed
    $("ul li.login").click(function() {
        $.get('/login', function(data) {
            viewsWrapper.html(data);
        });
    });

    $('#usernamefield').blur(function() {
        var sEmail = $('#usernamefield').val();
        if ($.trim(sEmail).length == 0) {
            alert('Please enter valid email address');
            e.preventDefault();
        }
        if (validateEmail(sEmail)) {
            alert('Email is valid');
        }
        else {
            alert('Invalid Email Address');
            e.preventDefault();
        }
    });
});

（还有更多不相关的代码）

我已经使用这个网页上描述的解决方案，试图在这里

如上面的navigation.js（注释区域）所示，但这不起作用。
我正在尝试从navigation.js内调用validate.js中的validateEmail函数，但似乎无法做到这一点。 我见过的解决方案都没有帮助。

任何帮助表示赞赏。

Answer 1

您不能以任何简单的方式包含另一个JS文件。 但是您可以在使用它们的页面中同时包含这两个元素。 由于您的validateEmail函数看起来是全局的，因此另一个函数将简单地引用它。

或者，您可以使用现有的许多模块加载器之一。 我建议您将其保存以备后用，直到您可以解决此简单问题为止。 但是，诸如Require.js及其同类之类的工具将允许一个模块指定其对另一个模块的依赖关系，并处理依赖关系的加载。

或按照@Jason的建议，您还可以使用脚本组合器，该组合器通常用于加速站点，方法是允许您使用多个文件进行开发，但可以使用单个文件进行部署。

但是实际上，首先，您需要研究基础知识，这涉及到学习如何在网页上使用脚本以及它们如何相互通信。

Answer 2

我建议使用许多JavaScript库之一（例如YUI Compressor或Google Closure Compiler）将所有javascript文件合并为一个文件。 这些库也将负责缩小/压缩它们。

不要自己动手...