[英]Getting 404 for an external Javascript file in HTML on XAMPP
这是我关于Stackoverflow的第一篇文章。 如果我想念什么,请指导。 我正在尝试使用外部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文件加载为“文本/ HTML”而不是“文本/ 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");
}
}
不清楚是什么产生了404,但这可能会帮助您http://w3-video.com/Web_Tools/XAMPP/xampp_example_htdocs.html
我将附加文件夹结构的图像。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.