外部のjsファイルが読み込まれない

外部のファイルであるjsファイルを
別の親ファイルに入れて同期させたいのですが
うまくいきません

外部ファイルがうまく読み込まれるようにしたいです
ご指揮頂けると助かります

1親ファイル

  <script type="text/javascript"  src="categoli/firstCategoli.html"></script>
          <script type="text/javascript"  src="categoli/secondCategoli.html"></script>

2外部ファイル(1枚目)

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>


    <script type="text/javascript">

        /*第一カテゴリの出力*/

        document.getElementById("ae").innerHTML =
            '<select name="firstCategoryName" id="firstCategoliId" onchange="nba(this)">'
       

           + '< option value = "1" > レディース</option >' 
             
                +'< option value = "2" > メンズ</option > '
                
                   + '< option value = "3" > ベビー・キッズ</option > '
               
                      +  '< option value = "4" > 小物</option > '

                     
        '</select > '
    </script>

3,外部ファイル(2枚目)


<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    <script type="text/javascript">

        /*第二カテゴリの初期設定*/

        var ab = '<select name="secondCategory" id="tt" disabled="true">'

            +'< option value = "1" > トップス</option>'
             
              +'< option value = "2" > ワンピース</option > '
           
              +'< option value = "3" > ベビー・キッズ</option > '
                      
                +'< option value = "4" > 小物・ゲーム</option > '
                        
        '</select >'




        /*第二カテゴリの条件設定*/

        function abc() {
            if (categoliDecision == 1) {

                document.getElementById("tt").innerHTML =

                    '<select name="secondCategory" id="tt" disabled="false">'
                
                + '< option value = "1" > a</option > '
                        
                + ' < option value = "2" > ワンピース</option > '
                           
                + ' < option value = "3" > ベビー・キッズ</option > '
                             
                + '  < option value = "4" > 小物・ゲーム</option > '
                                   
                +' </select > '


            } else {
                document.innerHTML =

                    '<select name="secondCategory" id="tt" disabled="true">'
              
                    '< option value = "1" > リンゴ</option >'
                       
                    '< option value = "2" > バナナ</option >'
                           
                    '< option value = "3" > ベビー</option >'
                               
                    '< option value = "4" > コップ</option >'

                                 
        '</select >'

            }

        }


    </script>

yambejp

2020/07/04 14:59

親ファイルってなんでしょうか？同期とは何をしたいのでしょうか？（おそらく自分ルールすぎて他人にうまく伝わっていません）

nguyenseiji

2020/07/04 15:07

ご連絡ありがとうございます失礼いたしました。親ファイルは関数を実装するファイルになりますまた外部ファイルで関数を作成して親ファイルであるページにて外部ファイルにある関数を実行させたいです

m.ts10806

2020/07/04 22:50

＞lang="en" 日本語ですよね。

行動規範の内容に同意します

回答4件

ベストアンサー

<script type="text/javascript" src="categoli/firstCategoli.html"></script>

kei344さんも書いていますが

投稿2020/07/04 15:30

編集2020/07/04 15:33

-millmill-

総合スコア674

nguyenseiji

2020/07/04 15:42

ご連絡ありがとうございます調べて所 htmlファイルを読み込む場合は linkタグを使用するみたいですが <link href="ファイルのパス" rel="htmlの場合は何と記載するのでしょうか"> relの部分に何を記載すればよいのでしょうかよろしくお願いいたします。

-millmill-

2020/07/04 15:54 編集

nguyenseiji

2020/07/05 05:33

ご連絡ありがとうございます再度別ファイルを.jsで整えたらうまく読み込まれましたこちらとしてはjsファイルでも良いのですが外部ファイル(別ファイル)に関数などをいれた場合の拡張子はhtmlとjsどちらが良いのでしょうか僕の考えではhtmlの記述が多い場合の拡張子はhtml javascriptの記述が多い場合はjsだと思っておりますですがhtmlファイルを読み込むのは難しいという事でやはりhtmlを外部ファイルにするのは非推薦なのでしょうか

AkitoshiManabe

2020/07/05 06:54 編集

> 僕の考えではhtmlの記述が多い場合の拡張子はhtml > javascriptの記述が多い場合はjsだと思っております javascriptコードの多い/少ないで決めるものではありません。 HTMLタグが１つでもあればマークアップ言語ですので、マークアップ言語に合わせた拡張子になります（html,xmlなど）。JavaScriptのソースコードだけが記述されたファイルが *.js になります。

-millmill-

2020/07/05 10:48

html、js、php、、、どのような言語であれ、記述や拡張子には決まりがありそれに従って記述・作成するものです。 AkitoshiManabeさんが書かれているように作成者の趣味や好みで決めるものでも決められるものでもありません。どうしても、というのであれば k011510さんやm.ts10806さんの書かれているように php などサーバサイドで動くプログラム言語を使う事になりますが、、、ご自身の好み、重い軽い、といったよく理解していない情報を気にする前に Googleでも学習サイトでももう少し色々調べ、ご自身で学ばれてはいかがでしょう?

nguyenseiji

2020/07/06 04:37

ありがとうございますm

行動規範の内容に同意します