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中存在错误。因此无法加载。

外部函数调用不起作用

2 个答案: