在 XAMPP 上以 HTML 格式获取外部 Javascript 文件的 404
Posted
技术标签:
【中文标题】在 XAMPP 上以 HTML 格式获取外部 Javascript 文件的 404【英文标题】：Getting 404 for an external Javascript file in HTML on XAMPP 【发布时间】：2014-01-29 01:43:24 【问题描述】：这是我在 *** 上的第一篇文章。如果我错过了什么，请指导。 我正在尝试使用外部 javascript 文件进行 html5 开发，并在 XAMPP 3.2.1 服务器上进行测试。 我已将“HF_Chapter10_WebWorkers_Example1”存储在 XAMPP 安装的“C:\xampp\htdocs”中，并且 Javascript 文件“manager.js”也位于同一文件夹中。 'manager.js' 在内部创建一个工作线程并调用它。
问题：当我在 Google Chrome 中打开 HTML 文件时，我看到 404（在 Dev chrome 工具中）表明服务器找不到引用的外部 Javascript 文件。另外，我看到服务器将 javascript 文件加载为“text/HTML”而不是“text/javascript”。我曾尝试在对 javascript 的调用中附加 type='text/javascript' ，但这也无济于事。 我正在尝试了解此问题的原因。
这是进入 HTML 文件的内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="Wed, 08 Jan 2014 05:07:11 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>HF_Chapter10_WebWork_Example1</title>
<LINK REL="stylesheet" HREF="theme.css" TYPE="text/css">
<script type="text/javascript" src="manager.js"> </script>
</head>
<body>
<p id="output"> ![enter image description here][1]</p>
</body>
</html>
这是进入 javascript 文件“manager.js”的内容
window.onload = function()
//create the worker thread
var worker = new Worker("worker.js");
//send the message to the worker thread
worker.postMessage("ping");
//create an event listener to act on the messages arriving from the worker thread
worker.onmessage = function(event)
var message = "Worker says" + event.data;
document.getElementById("p").innerhHTML = message;
这是进入 worker.js 文件的内容：
onmessage = pingPong;
function pingPong(event)
//based on the type of data, respond back with the 'postMessage'.
//Note that the message will go to the main javascript handler
if (event.data == "ping")
postMessage("pong");
【问题讨论】：
给我你的文件夹结构截图 我已附上截图。关于解决方案的任何想法？ 你如何运行这个文件，只需双击它？ 当我在 chrome 中打开 link 时，它会打开 XAMPP 控制面板。所以，我使用下面的 URL link 在 Chrome 中执行我的 HTML 文件： 能否将 HF_Chapter10_WebWorkers_Example1.html、manager.js 放在名为 test 的单独文件夹中并使用 localhost/test 运行并在 chrome 开发工具中运行并检查相同的 404 问题 【参考方案1】：不清楚是什么产生了 404，但这可能会对您有所帮助 http://w3-video.com/Web_Tools/XAMPP/xampp_example_htdocs.html
我附上文件夹结构的图像。
【讨论】：
以上是关于在 XAMPP 上以 HTML 格式获取外部 Javascript 文件的 404的主要内容，如果未能解决你的问题，请参考以下文章
HTML5 视频控件在 Android 设备上以全屏模式消失
将鼠标悬停在图像上以获取一个带有 html/JavaScript 中的多个链接的框
在 Ubuntu 14.04 上以 Yarn-Client 模式在 Spark 上的 Zeppelin 中加载外部依赖项