ファイルを作成し、.js次の方法で HTML ページに含めました。
<script type="text/javascript" src="yourexternalfile.js"></script>
.jsを使用してファイルの関数を呼び出すにはどうすればよいonclick = "...."ですか?
私はそれが次のようなものになることを知っています:
<input type="BUTTON" value="Exit" onclick="javascript: ???;" >
しかし、私はそれを理解することはできません...
あなたの機能が...だったとしましょう
function myFunction() {
alert("hello!");
}
トリガーの例は...
<input type="button" onclick="myFunction(); return false;" value="Click me!" />
JQuery を使用している場合は、次のように実行できます。
<input type="button" onclick="javascript: $.getScript('../scripts/yourfilepath' , function (){ youFunctionCall() ; } );" />
これにより、ボタンをクリックすると JS ファイルがダウンロードされ、その中で呼び出された関数が実行されます。
を使用して、外部Javaスクリプトファイルをページ（できればheadタグ）に含めます。
<script type="text/javascript" src="yourexternalfile.js"></script>
その後、jsファイルで定義された任意の関数を呼び出すことができます
外部ファイル内の関数を呼び出すには、ファイルが最初にロードされていることを確認してから、通常どおりに呼び出します (必要なスコープに自分自身を公開する限り)。
<script type="text/javascript" src="">ページ内にjsファイルをインポートするために使用します。
次のように、JS ファイルにオンクリック イベントを追加することをお勧めします。
html:
<input type="button" id="myButton"/>
JS ファイル:
var myButton = document.getElementById('myButton');
myButton.onclick = function(){myFunction()};
このようにして、JavaScript ファイルから要素をプログラムできます。ロード時に呼び出す関数に入れるだけです。
JS ファイルがいつ (a) ロードされ、(b) 実行が完了したかを知ることは、すべてのブラウザーでサポートされているわけではないため、注意が必要です。
次のようなことを考えていると思います。
var s = document.createElement("script"),
f = document.getElementsByTagName('body')[0];
s.type = 'text/javascript';
s.src = "https://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/dojo.xd.js";
s.addEventListener("load", function() {
console.log("script loaded");
});
f.appendChild(s);
上で述べたように、すべてのブラウザで機能するとは限りません。たとえそうであっても、動的に取り込まれた JS に基づいたコードを実際に実行しようとしている場合は、あまり役に立ちません。
依存関係が読み込まれたときに何かを実行する唯一の信頼できる方法は、その依存関係を関数でラップすることです。そうすることで、ブラウザーがその JS を解析するときにその関数が実行され、取り込みたいものは何でも使用できるようになることがわかります。JSONP がそのように機能するのはまさにそのためです。
これがあなたのやりたいことなら、RequireJSを見てください。
実際に関数名を入れてみましたか？onclick='myFunction()' のように