不加载外部JS文件
[英]Not Loading External JS File
问题描述
据我所知，没有真正的理由该代码不起作用。 我有一个HTML文件和一个外部.js文件。 这是我在html内部用于加载.js文件的语句：
<script type="text/javascript" src="family.js"></script>
文件名正确，并且在同一目录中。 我将在下面发布html页面的完整代码，以防万一其他问题解决了。
有什么我想念的吗？ .js文件应该创建一个滑动菜单，但是根本不会加载。 我在.js文件中插入了一个警报，尽管它没有显示，但应该在工作时向我发出警报。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<title>The Jones Family</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="family.css" type="text/css" />
<script type="text/javascript" src="family.js"></script>
<script language="JavaScript" type="text/javascript">
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
alert ("Inside script is working");
</script>
</head>
<body >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="head">
<td width="382" colspan="3" rowspan="2"><img src="camera.jpg" alt="camera" border="0" /></td>
<td width="378" height="50" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap">The Jones Family Website</td>
<td width="100%"> </td>
</tr>
<tr class="head">
<td height="51" colspan="3" id="tagline" valign="top" align="center">Photo Gallery</td>
<td width="100%"> </td>
</tr>
<tr>
<td colspan="7" class="separator" ><div class="myHr"><hr /></div></td>
</tr>
<tr class="separator">
<td colspan="7" id="dateformat" height="20"> <script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="7" class="separator" ><div class="myHr"><hr /></div></td>
</tr>
<tr>
<td width="200" height="450" valign="top" class="nav" >
<table class="nav" border="0" cellspacing="0" cellpadding="0" width="40" id="navigation">
<tr>
<td > <br />
<br /></td>
</tr>
<tr>
<td ><div class="navG" id="gallery1" style="position: absolute; top: 180px; left: -150px; " >
<table width="184" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><a href="#">Disney</a><br />
<a href="#">SeaWorld</a><br />
<a href="#">Bush Garden</a><br />
<a href="#">Universal Studios</a><br />
</td>
<td><img src="gallery1.jpg" alt="gallery 1" class="nav1" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td ><div class="navG" id="gallery2" style="position: absolute; top: 285px; left: -150px; " >
<table width="184" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><a href="#">Sweet 16</a><br />
<a href="#">Summer Camp</a><br />
<a href="#">Holiday</a><br />
<a href="#">Ski Trip</a><br />
</td>
<td><img src="gallery2.jpg" alt="gallery 2" class="nav1" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td ><div class="navG" id="gallery3" style="position: absolute; top: 390px; left: -150px; " >
<table width="184" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><a href="#">Mom's Birthday (2011)</a><br />
<a href="#">Dad's Birthday (2011)</a><br />
<a href="#">Bobby's Birthday</a><br />
<a href="#">Jenny's</a><br />
</td>
<td><img src="gallery3.jpg" alt="gallery 3" class="nav1" /></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td ><div class="navG" id="gallery4" style="position: absolute; top: 495px; left: -150px; " >
<table width="184" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150"><a href="#">Skatepark</a><br />
<a href="#">Wildlife</a><br />
<a href="#">Beach</a><br />
<a href="#">Hawaii</a><br />
</td>
<td><img src="gallery4.jpg" alt="gallery 4" class="nav1" /></td>
</tr>
</table>
</div></td>
</tr>
</table>
<br />
<br />
<br />
<br /> </td>
<td width="50"></td>
<td width="305" colspan="2" valign="top"><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="305">
<tr>
<td class="pageName">Family Photos</td>
</tr>
<tr>
<td class="bodyText"><p>From here you can see family Photos taken by our various amateur photographers!</p>
<p>We hope you enjoy the photos as much as we do!</p>
<p align="center"><img src="sayCheese.jpg" alt="Say Cheese" /></p></td>
</tr>
</table>
<br />
<br /> </td>
<td width="50"></td>
<td width="190" valign="top"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="190" id="leftcol">
<tr>
<td width="10"></td>
<td width="170" class="smallText"><br />
<p><span class="subHeader">Photog #1</span><br />
Mary Sue - Mother, she prefers her Canon camera. She still uses film, but has the photos put onto digital cd when developed. </p>
<p><span class="subHeader">Photog #2</span><br />
Bobby - Hip son, he prefers his HP kid digital camera. Not that old, but still takes interesting pictures.</p>
<p><span class="subHeader">Photog #3</span><br />
Jenny - Cool Teen, she has a Sony digital video camera. She takes movies and still photos. Just don't expect her to smile too much.</p>
<br />
<br /> </td>
<td width="10"> </td>
</tr>
</table> </td>
<td width="100%"> </td>
</tr>
<tr>
<td width="165"> </td>
<td width="50"> </td>
<td width="167"> </td>
<td width="138"> </td>
<td width="50"> </td>
<td width="190"> </td>
<td width="100%"> </td>
</tr>
</table>
</body>
</html>
5 个解决方案
解决方案1
5 已采纳 2012-02-23 09:39:20
问题不是MIME类型，而是在JS脚本中（如果是'http://orca.st.usm.edu/~tbonnet2/440/p5/family.js'中的那个）
缺少右括号，请查看closeMenu（）：
function closeMenu() {
/* get the current menu id */
var ID = this.id + "List"
/* determine active menu */
activeMenu = document.getElementById(ID);
if (activeMenu) { // <------ THIS CONDITIONAL BLOCK ISN'T CLOSED!
activeMenu.style.display = "none";
activeMenu = null;
/* run the moveItemLeft function by setting a time interval */
timeID = setInterval("moveItemLeft()", 1);
}
解决方案2
0 2018-01-20 02:04:22
我有一个与问题作者相同描述的问题。
但是，就我而言，没有从磁盘重新读取js文件。 最初，当我开始测试HTML结构时，我的js文件为空。 稍后，当我向js文件中添加代码时，即使“刷新”浏览器后，打开的浏览器窗口也不会重新读取js文件。
js文件在那里，它在同一目录中，但是文件的内容存储在浏览器中的内存中。 我在Google调试器中的某处看到了一条消息，表明这种效果，但是我无法再次找到该消息。 该消息表明HTML文件是磁盘缓存的，而js文件是内存缓存的。
当我单击浏览器的刷新按钮时，HTML文件被刷新，但是js文件没有被刷新，并且在添加js内容之前，页面的初始运行在“源”选项卡中仍然显示为空。
为了解决此问题，我关闭了浏览器窗口，打开了一个新的浏览器窗口，然后一切开始正常运行。 新窗口从磁盘重新读取js脚本。
解决方案3
0 2019-02-26 17:24:06
如果您没有上述答案中的任何错误并且正在使用Web主机。...1.登录控制面板并检查文件是否确实存在。
我遇到了同样的问题，当我进行更改甚至更改了文件名时，我正在使用ftp（winSCP）上传文件，我遇到了同样的问题，但是当我进入控制面板（文件管理器）时，我所做的所有更改通过winSCP制作并没有得到反映，然后我通过控制面板上传了所有内容，一切开始正常运行。
解决方案4
0 2012-02-22 23:39:39
例如，使用Firefox的控制台检查有关该js文件加载的错误（并发布）。 也许文件已加载，但包含的错误使您无法看到警报
解决方案5
0 2012-02-23 02:31:29
请注意，您的服务器返回的HTML类型不同于HTML源中指定的MIME类型：
<script type="text/javascript" src="family.js"></script>
$ HEAD http://orca.st.usm.edu/~tbonnet2/440/p5/family.js
200 OK
Connection: close
Date: Thu, 23 Feb 2012 02:22:59 GMT
Accept-Ranges: bytes
ETag: "1320142-9f5-4b9979ec8c280"
Server: Apache/2.2.3 (Red Hat)
Content-Length: 2549
Content-Type: application/x-javascript # <-- see here
Last-Modified: Thu, 23 Feb 2012 01:32:42 GMT
Client-Date: Thu, 23 Feb 2012 02:22:59 GMT
Client-Peer: 131.95.35.200:80
Client-Response-Num: 1
外部Js文件未加载
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.