1

.js ファイルを HTML ファイルにロードすることに関してかなりの数の質問を見てきましたが、その方法を知っています。ただし、「classlist.js」というファイルがあるとします。そのjavascriptファイルで定義されたクラスを別のjavascriptファイルで使用するにはどうすればよいですか? を使用することを提案する回答が引き続き表示されます

<script type="text/javascript" src="filepath"></script>

構文。ただし、.js ファイルで使用すると、「<」で構文エラーがスローされるため、このコードは無効であると想定します。

では、別の .js ファイルで定義された .js ファイル内の関数をどのように利用するのでしょうか... 機能し、効率的です (存在する場合)?

編集：私はまだJavascriptにかなり慣れていないので、将来のためにいくつかのことを明確にするつもりです.

2 つの .js ファイルがあり、そのうちの 1 つは、他のファイルのクラスの拡張であるクラスを宣言しました。Web ページで拡張クラスを使用したかったので、元のクラスを 2 番目の .js ファイルにロードし、その .js ファイルを HTML ファイルにロードする必要があると考えました。HTML 以外で完全にプログラミングしていたわけではありません。

誤解を招いて申し訳ありませんが、このスレッドが将来誰かに役立つことを願っています。

4

4 に答える 4

3

Web ブラウザーで JavaScript について話していると仮定すると、すべての js ファイルは html ファイル (通常は index.html) に読み込まれます。JavaScript ファイルではなく、その html ファイルに適切な順序で JavaScript をロードするには、script タグを使用する必要があります。したがって、ファイル B がファイル A のものを必要とする場合、ファイル A を最初にロードする必要があります。つまり、ファイル B をロードするスクリプト タグの前に、ファイル A をロードするスクリプト タグを配置します。

于 2012-11-14T14:55:45.450 に答える
3

2つの答え：

非ブラウザ

ブラウザー以外の環境 (NodeJS、RingoJS、SilkJS、Rhino、またはその他のさまざまな環境) で JavaScript を使用している場合、答えは環境によって異なりますが、これらの多くはCommonJSrequireメカニズムを使用しています。例えば：

// Get access to public symbols in foo.js
var foo = require("foo.js");

// Use the `bar` function exported by foo.js
foo.bar();

ブラウザ

ブラウザーで JavaScript を使用している場合scriptは、HTML で引用したようなタグを、処理する順序で配置します (したがって、他のスクリプトで定義されたものに依存するスクリプトは、依存するスクリプトの後に含める必要があります)。の上）。

ページの読み込み時間の効率を最大限に高めたい場合は、サーバー上でスクリプトを組み合わせて (おそらく縮小/圧縮/パックも)、1 つのscriptタグだけを使用します。

于 2012-11-14T15:00:03.980 に答える
0

参照を必要とする他の要素classlist.jsの前に、(Javascript ファイルではなく) HTML ファイルに参照を配置する必要があります。SCRIPTたとえば、'head' 要素内では次のようになります。

<html>
<head>
  <script src="testclass.js"></script>
  <script src="file_using_testclass.js"></script>
  <script>
    var tc = new TestClass();
  </script>
</head>
于 2012-11-14T14:57:17.097 に答える
0

上記の回答はそのトリックを行うはずですが、効率的に行うと述べたので、AMDに基づくrequire js（ http://requirejs.org/ ）のようなjavascriptモジュールベースのローダーを検討することを検討できます

于 2012-11-14T15:00:58.257 に答える