javascript - 在xhtml中包含外部JS文件

标签 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. Crowder 说 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")

最佳答案

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

您说过您的第一组示例“不起作用”,并在评论中进一步解释了...

...None of the files were included. The Jquery wasn't working at all.

这不是您的 script 标记的问题,您的第一组示例是正确的。查看 F12 开发工具,您可能会发现脚本不在您想象的位置(例如,您收到 404),或者您收到脚本错误(例如,文件 包括在内,但脚本错误阻止了它们正常工作)。

关于javascript - 在xhtml中包含外部JS文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14104648/

相关文章:

javascript - 如何在 javascript 鼠标悬停时停止幻灯片放映

javascript - 从 data.json 中提取随机数据并对其进行洗牌

jquery,如何在按下按钮后删除按钮颜色?

html - 在 float 表之间插入空格/间隙

html - 小型未缩放的 SVG 在所有浏览器中呈现模糊和错误

html - 相对于容器定位内联元素

javascript - 在 Jade/Pug 中渲染对象数组

javascript - 如何在连接打开时清除 xml http (xhr) 响应

php - jquery 发布和响应操作

javascript - jQuery 迭代类的所有项目,无论它们在 DOM 中的位置如何