Question

我的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个小时里一直在努力工作：/程序员的生活

任何帮助将不胜感激

由于

牛

Answer 1

您无法在加载外部JavaScript的<script>标记中使用JavaScript代码。你需要分解它们：

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

Answer 2

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

Javascript似乎没有被调用

2 个答案: