如何访问和使用多个JavaScript库?

时间:2016-02-14 19:11:57

标签: javascript html

我是javascript和编程的新手。我一直致力于一个解决简单代数方程的网络应用程序。我正在使用两个库,algebra.js和katex.js。如何在脚本中使用这两个库?我想将此作为客户端应用程序。

我查看了node.js,但我的理解是该节点用于服务器端开发。我看过RequireJS,但似乎没有很好地处理目录。最近我发现Enderjs似乎使用npm并允许客户端开发并仍然使用require()。

我应该使用什么来制作这样的网络应用?如果有更多信息需要,请告诉我。

2 个答案:

答案 0 :(得分:0)

执行此操作的最基本方法是在html文件的顶部包含多个脚本标记。所以:

<head>
    <script src="path/to/library1.js"></script>
    <script src="path/to/library2.js"></script>
    <script src="path/to/my/javascript.js"></script>
</head>
<body>
    <button onclick="myFunction()">Click me</button>
</body>

这将在页面上加载多个。顺序可能很重要 - 要警惕所选库的依赖关系。例如,有些将依赖于jQuery,因此您应首先加载jQuery然后再依赖它。订单是自上而下的。

在我的例子中,如果我们假装library2依赖于library1,那么这个例子就可以了。但是,如果library1依赖于library2,则不会。

答案 1 :(得分:0)

最简单的方法是将脚本标记直接包含在html文件中(假设您将algebra.js文件放在与html文件相同的文件夹中):

<script src="algebra.js"></script>

如果要从Internet加载库,则必须使用src属性中的完整Web路径,例如从cdn(内容分发网络)加载jQuery库:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>