JavaScript文件未加载 - 语法错误

时间:2013-06-27 21:16:37

标签: javascript html

我有这个HTML代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>MyPage</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/scripts/FileFunctions.js"></script>
</head>
<body>
</body>
</html>

和这个“FileFunctions.js”文件

function addField(){
  $('form input:file').last().after($('<p><input type="file" name="files[]" id="file" /><br /></p>'));
};

但如果我加载页面,我的文件“FileFunctions.js”没有加载... javascript控制台说

Uncaught SyntaxError: Unexpected token < FileFunctions.js:1

但我无法找出这些代码有什么问题...感谢任何想法

2 个答案:

答案 0 :(得分:2)

问题在于.htaccess配置错误。 apache返回了我的HTML页面,其中包含有关不存在的“scripts.php”文件的信息,而不是“/scripts/FileFunctions.js”。

解决方案很简单,我刚刚将RewriteCond添加到.htaccess

RewriteCond %{SCRIPT_FILENAME} !scripts/(.*)$
RewriteRule ^([a-zA-Z0-9]+) index.php?page=$1 [QSA]

答案 1 :(得分:0)

我认为你的javascript存在问题。请尝试以下代码

JS小提琴:http://jsfiddle.net/jonocairns/Z2C9Y/1/

"use strict";
function addField() {
    $('form input:file').last().after('<p><input type="file" name="files[]" id="file" /><br /></p>');
};