似乎没有调用 Javascript答案

【问题标题】：Javascript does not seem to be called似乎没有调用 Javascript
【发布时间】：2014-02-26 00:56:47
【问题描述】：

我的 javascript 文件有问题，可能无法加载或包含错误

HTML 代码：

 <head>
    <title>TEMPLATE</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <meta name="author" content="Adam Bullock">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script src="js/main.js"></script>
</head>

Javascript 代码：

/* 


* NavBar_ArrowSlider moves an arrow depending on the users move selection on
 * the navigation bar
 * 
 * The script takes a position an moves the slider image to a set margin
 * 
 * NavElement - number of list item
 * MouseEvent - if users moves out of the name bar the icon will move back to
 * its default position
 * DefaultPosition - number of list item
 */
function navBar_arrowSlider(navElement, mouseEvent, defaultPosition) {
    var arrow = document.getElementById(navBarSlider);
    var navElementPosition = ["90px","295px","493px","695px"];
    // DEBUG
    alert("Positon:" + navElement + " Move Event:" + mouseEvent + " default position:" + defaultPositon);
    // END OF DEBUG
    if (mouseEvent === "mouseOver") {
        var position = navElementPosition[navElement];
        arrow.style.marginLeft=navElementPosition;
    } else {
        var position = navElementPosition[defaultPosition];
        arrow.style.marginLeft=navElementPosition;
    }    
}

我不知道为什么这不起作用，因为我似乎看不到任何错误 atm，请记住我在过去 14 小时里一直在稳定工作：/程序员的生活

任何帮助将不胜感激

谢谢

公牛

【问题讨论】：

尝试拆分该代码

标签： javascript html head

【解决方案1】：

您不能在 <script> 标记中包含加载外部 JavaScript 的 JavaScript 代码。您需要将它们分解：

<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">navBar_arrowSlider(0,'moveOver',0)</script>

【讨论】：

另外，如果元素还不存在，它会触发吗？
我不确定该脚本的作用，因此我无法确定他们是否需要包装该代码，以便仅在 dom 准备好后触发。
对。我看到了这个：document.getElementById(navBarSlider);但由于我不知道做了什么，所以我不知道。但是，如果此时他期望这对正文中的标记起作用，它将失败。他必须按照你说的做，并在 dom 负载上包装它。

【解决方案2】：

<script> 元素可以具有任一“src”属性或 JavaScript 内容，但不能同时具有两者。

【讨论】：

编辑了原帖，那一定是粘贴错误。我的坏