外部jsファイルから関数を呼び出すことができません

Question

クリックすると関数showDiv()を呼び出すボタンがあります。

機能は、指定script.js

私はスクリプトの外部ファイルを使用する場合showDiv()が呼び出されていない機能、外部のjsファイルで宣言されています。 しかし、同じhtmlファイルにスクリプトを追加することで成功しました。

私はjavascriptの初心者です。その理由は何ですか？

外部jsファイルに関数を追加できないのはなぜですか？ここでは何が欠けていますか？ここで

は私のhtmlコードです：あなたがネットワーク]タブに見えるので、もし

function showDiv() { 
    document.getElementById('container').style.display = "block"; 
} 

var app=angular.module("app",[]) 
app.controller('ctrl', ['$scope', function($scope){ 
    $scope.ourArray=[{"RUNNO":"1","CWAM":"7615","HWAM":"2848","CNAM":"67","DPNAM":"-99","OCAM":"78603"}, 
        {"RUNNO":"2","CWAM":"10018","HWAM":"4150","CNAM":"94","DPNAM":"167.0 ","OCAM":"78608 "}, 
        {"RUNNO":"3","CWAM":" 11087 ","HWAM":"4416 ","CNAM":"117","DPNAM":"61.6","OCAM":" 78612"}, 
        {"RUNNO":"4","CWAM":"5895 ","HWAM":"1737","CNAM":"44","DPNAM":"-99","OCAM":"78556"}, 
        {"RUNNO":"5","CWAM":"7787","HWAM":"2338","CNAM":"59","DPNAM":"129.8 ","OCAM":" 78556 "}, 
        {"RUNNO":"6","CWAM":"9610","HWAM":"3519 ","CNAM":"83","DPNAM":" 53.4","OCAM":" 78560 "}]; 

}]) 

Answer 1

まず、あなたのJSファイルがアクセス可能であることを確認してください：ここで

<button type="button" class="btn btn-primary btn-lg " onclick="showDiv()" >view</button> 

    <br/> 
    <br/> 
    <div id="container" ng-controller="ctrl" style="display:none;"> 
      <table ng-table="table condensed" align="center"> 

       <thead> 
        <tr> 
         <th>RUNNO</th> 
         <th>CWAM</th> 
         <th>HWAM</th> 
         <th>CNAM</th> 
         <th>DPNAM</th> 
         <th>OCAM</th> 

        </tr> 
       </thead> 
       <tbody> 
        <tr ng-repeat="value in ourArray"> 
         <td>{{value.RUNNO}}</td> 
         <td>{{value.CWAM}}</td> 
         <td>{{value.HWAM}}</td> 
         <td>{{value.CNAM}}</td> 
         <td>{{value.DPNAM}}</td> 
         <td>{{value.OCAM}}</td> 

        </tr> 
        </tbody> 
    </div> 




    <script type="text/javascript" src="script.js"></script> 

は私のscript.jsファイルです開発者ツール（f12）コンソールのタブで20030の応答を表示しなければならない

jsエラーがないかどうかチェックする可能性のあるメッセージは理由を明らかにする必要があります

次に、関数の最初の行にalertまたはconsole.log（）を使用して、関数が実際に呼び出されることを確認できます。

Answer 2

前述のように - テーブルは閉じていますか？ script.jsのフルパスを入力してください。https://myserver.org/scripts/script.js