Javascript 无法从外部js文件调用函数

Javascript 无法从外部js文件调用函数,javascript,html,angularjs,function,Javascript,Html,Angularjs,Function,我有一个按钮,单击时调用函数showDiv() 该函数在名为script.js的外部js文件中声明 当我为脚本使用外部文件时,不会调用函数showDiv()。 但是通过在同一个html文件中添加脚本,我成功了 我是javascript的初学者,不知道为什么会这样 无法在外部js文件中添加函数?我缺少什么 以下是我的html代码: <button type="button" class="btn btn-primary btn-lg " onclick="showDiv()" >v

我有一个按钮,单击时调用函数
showDiv()

该函数在名为script.js的外部js文件中声明

当我为脚本使用外部文件时,不会调用函数
showDiv()
。 但是通过在同一个html文件中添加脚本,我成功了

我是javascript的初学者,不知道为什么会这样

无法在外部js文件中添加函数?我缺少什么

以下是我的html代码:

<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>

首先确保你的js文件是可访问的,所以如果你查看开发者工具(f12)中的网络选项卡,它必须显示200个响应

在控制台选项卡中,如果您也没有任何js错误,那么潜在的消息应该会澄清原因


然后,您可以使用alert或console.log()作为函数的第一行,以确保函数实际被调用,如前所述-表是否已关闭?
尝试提供script.js的完整路径--

如果浏览器能够找到您的js文件,请在开发人员工具(f12)的“网络”选项卡中查看。如果您的脚本与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 "}];

}])