外部函数调用不起作用答案

【问题标题】：External function calling not working外部函数调用不起作用
【发布时间】：2017-04-02 16:00:03
【问题描述】：

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

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)

请帮忙

【问题讨论】：

1：正确拼写SRC； 2：onload 可能是保留字。 3：为什么不在 js 文件中使用 jQuery onload：$(function() {....}); - 4：永远不要这样做 <body onload="onload()" - 也正确拼写 SRC
随意删除问题

标签： javascript jquery function import external

【解决方案1】：

希望这里没有错别字

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

应该是

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

否则脚本文件将无法加载

【讨论】：

谢谢，我想我不应该再被允许编码了，因为我的愚蠢程度太疯狂了......
但仍然永远不会使用正文加载。请将代码包装在 $(function() { ---- });

【解决方案2】：

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

但我认为，您还没有加载该函数。

编辑：啊，是的。 src 属性中有错误。因此无法加载。

【讨论】：