Question

过去几天我一直在使用javascript，并决定将它用于我的网站。我还决定在单个.js文件中使用外部函数

function imageLoad() {
    var path,domain,cut;
    path = window.location.pathname;
    domain = "WEBSITE DOMAIN ADDRESS";

    cut = path.substring(domain.length,path.length);

    /* Still in progress */
}

function pageStart() {
    var image-on = 0;
    var imgArray = new Array();

    alert("boo"); /* Used to check the script will run */
}

现在这是一个简单的过程。没有什么太复杂的了。我已完成以下操作（它是我模板的代码提取）

<script type="text/javascript" src="main_script.js"></script>

<head>
    <link rel="stylesheet" href="main.css" type="text/css" />
    <title>Grandpa Pixel</title>
</head>

<body onload="pageStart();">

现在应该这样做了。在身体加载时，它应该引起警报“嘘声”。但事实并非如此。它只是正常加载页面。但是，如果我使外部脚本仅包含行警报（“boo”），它将完美地工作。我可以问为什么会这样吗？这是否意味着每个外部文件只能有一个功能？

Answer 1

检查一下：

function pageStart() {
    var image_on = 0;
    var imgArray = new Array();

    alert("boo"); /* Used to check the script will run */
}

<强> HTML

<head>
    <link rel="stylesheet" href="main.css" type="text/css" />
    <title>Grandpa Pixel</title>
<script type="text/javascript" src="main_script.js"></script>
</head>

<body onload="pageStart();">

Answer 2

建议使用Firebug或其他调试程序。

错误

SyntaxError: missing ; before statement
var image-on = 0;

main_script.js (line 12, col 13)

ReferenceError: pageStart is not defined

pageStart();

解

变化

var image-on = 0;

与

var imageOn = 0;

将＆lt; script＆gt;放在一起会更干净标记到＆lt; header＆gt;标签

Javascript：外部功能不起作用

2 个答案: