在xhtml中包含外部JS文件

时间:2012-12-31 17:54:46

标签: javascript jquery html xhtml

我正在尝试在index.php文件中包含jquery和少量外部js文件 我一开始就试过这个:

<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="file1.js" type="text/javascript"></script>
<script src="file2.js" type="text/javascript"></script>
<script src="file3.js" type="text/javascript"></script>

但它在IE9中不起作用(与IE7的兼容模式)。所以我尝试了这个:

<script src="jquery-1.8.3.min.js" type="text/javascript" />
<script src="file1.js" type="text/javascript" />
<script src="file2.js" type="text/javascript" />
<script src="file3.js" type="text/javascript" />

这是错误的,并且在任何浏览器中都不起作用。但如果我这样做:

<script src="jquery-1.8.3.min.js" type="text/javascript" />
<script src="file1.js" type="text/javascript" />
<script src="file2.js" type="text/javascript" />
<script src="file3.js" type="text/javascript" /></script>

似乎有效但最后一个文件不包括在内 抱歉,我无法为您提供原始代码。

谁能告诉我这样做的正确方法是什么?我做错了吗?

Ps:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">

修改

作为T.J.克劳德说html标签没关系,问题出在我的脚本里面。我找到了它的位置,问题似乎就在这些方面。这是我从SO获得的脚本,用于检查浏览器是否支持input[type=date]如果你能告诉我一个简单的方法在IE中检查它而不破坏整个脚本我会很感激。没关系我将tester.type = "date";更改为tester.setAttribute("type", "date");并且它在IE中有效同样。

var tester = document.createElement('input');
tester.type = "date";
//if type date is not supported create own mask
if(tester.type !== "date")

1 个答案:

答案 0 :(得分:3)

问题是“这样做的正确方法是什么?”答案是“你在第一组例子中做到的方式。” : - )

你说你的第一组例子“没有用”,并且在评论中进一步解释说......

  

...没有包含任何文件。 Jquery根本没有工作。

您的script标签不是问题,您的第一组示例是正确的。查看F12开发工具,您可能会发现脚本不在您认为的位置(例如,您获得404),或者您遇到脚本错误(例如,文件 < / em>包含,但脚本错误阻止了它们正常工作)。