在XAMPP上以HTML格式獲取404外部Javascript文件

這是我在Stackoverflow上的第一篇文章。如果我錯過了什麼，請指導。我正在嘗試使用外部JavaScript文件進行HTML5開發，並在XAMPP 3.2.1服務器上進行相同的測試。我在XAMPP安裝的「C：\ xampp \ htdocs」中存儲了「HF_Chapter10_WebWorkers_Example1」，並且Javascript文件「manager.js」也駐留在同一個文件夾中。 'manager.js'在內部創建一個工作者線程並調用它。在XAMPP上以HTML格式獲取404外部Javascript文件

問題：當我在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"); 
    } 
}

來源

2014-01-10 user3180655

給我你的文件夾結構的截圖 –

我附上截圖。關於解決方案的任何想法？ – user3180655

你如何運行這個文件，只需雙擊它？ –