外部函数调用不起作用

Question

我正在编写一个可以自动导入导航栏的脚本，当我运行遇到一个我似乎无法修复的错误时。

HTML:

<html>
 <head>
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script scr="http://mySite.nl/navbar.js"></script>
 </head>

 <body onload="onload()">

  <div id="nav-placeholder"></div>

 </body>
</html>

Javascript/jQuery:

function onload() {
 $.get("http://mySite.nl/navbar.html", function(data) {$("#nav-placeholder").replaceWith(data);});
}

导航栏 HTML 文件：

<div id="navbar">
    <ul>
        <li><a class="red" href="http://mySite.nl/" id="maintab">Home</a></li>
        <li><a class="red" href="http://mySite.nl/#games" id="subtab">Games</a></li>
        <li><a class="red" href="http://mySite.nl/#movies" id="subtab">Movies</a></li>
        <li><a class="red" href="http://mySite.nl/#about" id="subtab">About</a></li>
        <li><a class="blue" href="http://mySite.nl/apps.html" id="maintab">Apps</a></li>
        <li><a class="yellow" href="http://mySite.nl/forum.html" id="maintab">Forum</a></li>
        <li><a class="yellow" href="http://mySite.nl/forum.html#FAQ" id="subtab">Forum</a></li>
    </ul>
</div>

我得到的错误是：

Uncaught ReferenceError: onload is not defined (index):12
at onload ((index):12)

请帮忙

Answer 1

希望这里没有错别字

         <script scr="http://mySite.nl/navbar.js"></script>

应该是

         <script src="http://mySite.nl/navbar.js"></script>

否则脚本文件将不会加载

Answer 2

onload 是一个 HTML 事件处理程序。您不应该将它用作函数名称。

但我认为，您还没有加载该功能。

编辑：啊是的。 src-Attribute 中存在错误。因此无法加载。

外部函数调用不起作用

External function calling not working

javascript

import

jquery

external

function