JavaScriptのファイルを3つ同時に外部ファイルから読み込むには

メロンパン · #1

お世話になります。JavaScriptのファイルを外部から呼び出す方法を調べてまして、
C言語とあまり関係ない記載で申し訳ないのですが、教えて頂けると助かります。

■質問内容
a001.js
a002.js
a003.js
とある全てfunction()形式のjsファイルをonclickで順次1つのHTMLファイルから呼び出したいのですが、
参考にしていたHPではonclickで1つのjsファイルしか読んでいません。
試しに、3つ呼び出すようにカンマ区切りで工夫してみたのですが、うまく行きません。
このjsファイル名は仮の名前です。もうじき公開予定という課題を抱えておりまして、困っています。
宜しくお願い致します。

#2

ソースを貼ってください。

conio · #3

現状、onloadの処理がおかしいのか、
各.jsファイルのソースコード自体がおかしい（構文ミスなど）のか分かりませんが、
ひとまず３つの外部ファイルを実行するサンプルを作ってみました。

■Sample.htm

コード:

<html>
    <head>
        <title>JavaScript Sample</title>
        <script type="text/javascript" src="Test1.js"></script>
        <script type="text/javascript" src="Test2.js"></script>
        <script type="text/javascript" src="Test3.js"></script>
    </head>
    <body>
    </body>
</html>

■Test1.js

コード:

function addEvent(elm, listener, fn){
　　　　try{
　　　　　　　　elm.addEventListener(listener,fn,false);
　　　　}catch(e){
　　　　　　　　elm.attachEvent("on"+listener,fn);
　　　　}
}
addEvent(window, "load", Test1() );

function Test1(){
    alert("Hello!");
}

■Test2.js

コード:

addEvent(window, "load", Test2() );

function Test2(){
    alert("GoodBye");
}

■Test3.js

コード:

addEvent(window, "load", Test3() );

function Test3(){
    alert("Obandosu");
}

addEventListener関数で、実行する関数を追加できるみたいです。
※IEでは、上記の関数が使えないため、attachEvent関数を代用するようです。

conio · #4

あ、onloadとonclickを間違えていました。申し訳ないです。
さっきのはonloadで複数の関数を実行するサンプルになります。

onclickの場合は以下のとおりです。

■Sample.htm

コード:

<html>
    <head>
        <title>JavaScript Sample</title>
        <script type="text/javascript" src="Test1.js"></script>
        <script type="text/javascript" src="Test2.js"></script>
        <script type="text/javascript" src="Test3.js"></script>
    </head>
    <body>
        <input type="button" value = "関数実行（３つ）"onClick="Test1();Test2();Test3()">
    </body>
</html>

■Test1.js

コード:

function Test1(){
    alert("Hello!");
}

■Test2.js

コード:

function Test2(){
    alert("GoodBye");
}

■Test3.js

コード:

function Test3(){
    alert("Obandosu");
}

もし、関数がうまく実行できないのであれば、
以下の理由が考えられるかなと思います。

【1】htmファイル側に、以下の記載を忘れている
<script type="text/javascript" src="Test2.js"></script>
<script type="text/javascript" src="Test3.js"></script>

【２】jsファイルに構文誤りがある。
【３】ブラウザによって対応していない関数、機能を使用している。
【４】外部ファイル名や、呼び出す　関数名が間違っている。　（ファイル名に関しては、特にパスの記述など）
【５】実行されないと思い違いをしているだけで、　ソースコードは正常に実行されている。

メロンパン · #5

conio様

どうもありがとうございます。出来ました！
詳しいご説明ありがとうございました。

		9月 2025
日	月	火	水	木	金	土
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

JavaScriptのファイルを3つ同時に外部ファイルから読み込むには

JavaScriptのファイルを3つ同時に外部ファイルから読み込むには

Re: JavaScriptのファイルを3つ同時に外部ファイルから読み込むには

Re: JavaScriptのファイルを3つ同時に外部ファイルから読み込むには

Re: JavaScriptのファイルを3つ同時に外部ファイルから読み込むには

Re: JavaScriptのファイルを3つ同時に外部ファイルから読み込むには