设置 Wamp 服务器 [关闭]答案

【问题标题】：Setting up a Wamp Server [closed]设置 Wamp 服务器 [关闭]
【发布时间】：2013-08-15 08:26:00
【问题描述】：

我是 Web 开发新手，我需要帮助设置 CSS 和 javascript 文件。目前，我只能查看 HTML 文件。

因此，我已将所有文件添加到 www 文件夹，并更改了 html 中的引用以解决此问题。我在这里错过了什么？

提前致谢。

这是 HTML 文件。当我在本地运行它时，CSS 工作，但不是 Javascript。根据我的有限理解，出于安全原因，您不能从本地文件运行 Javascript。

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="file:\\C:\wamp\www\dojo\goodlooks.css" />
        <script type="text/javascript" src="file:\\C:\wamp\www\dojoMovement.js"></script>

        <title>Dojo</title>

    </head>

    <body>
        <h1>Dojo</h1>

        <div id="left" class="picture">

            <img class="photo" src="http://www.antiquity.tv/wp-content/uploads/2010/01/dali-art-salvador-dali.jpg"/>
            <p class="artistName"> Dali</p>


            <div class="bio">
            <img class="personPic" src="http://blog.nj.com/jets_impact/2009/08/large_marked826.jpg"/>
            <p>Plays football in his spare time.</p>
            </div>


        </div>
        <div class="versus">VS</div>




        <div id="right" class="picture">
            <img class="photo" src="http://upload.wikimedia.org/wikipedia/commons/d/da/Claude_Monet,_Saint-Georges_majeur_au_cr%C3%A9puscule.jpg"/>
            <p class="artistName">Monet</p>


            <div class="bio">
                <img class="personPic" src="http://img4.allvoices.com/thumbs/image/609/480/95681263-maria-sharapova.jpg" />
                <p>Plays tennis in her spare time.</p>
            </div>  
        </div>
    </body>
</html>

CSS：

h1 {
    width:100%;
    color:white;
    background-color:black;

}

body{
    background-color:orange;
}






.picture, .versus {

    display:inline;

}

#left{
    background-color:blue;
}



#right{
    background-color:red;
}

.versus{
    margin:50px;
    padding:20px;
    border:2px solid black;
    border-radius:100%;
    background-color:yellow;


}

.picture{
    display:inline-block;
    padding:40px;
    margin:100x;
}

.photo{
    height:200px;
    width: 450px;   

}

.bio{
    display:inline-block;
    float:bottom;
    }

.personPic{
    height:100px;
    width:100px;
    }

JS：

$(document).ready(function() {
    $(".versus").slideDown('slow');
});

//不多，只是努力让它发挥作用。

【问题讨论】：

这个问题不适合Stackoverflow，范围太广。我们只能回答特定的编码问题。
wampserver.com | apachefriends.org/en/xampp.html |你甚至谷歌？
如果没有真正看到问题所在，我们不可能知道您遗漏了什么。 “我添加了文件，但它不起作用”不是问题描述。包含文件的文件夹结构是什么？引用文件的 HTML 代码是什么？请求文件时服务器的响应是什么？
什么都没看到，那里的东西对我没有帮助。

标签： javascript css web-applications localhost

【解决方案1】：

因此，我已将所有文件添加到 www 文件夹，并更改了 html 中的引用以解决此问题。我在这里错过了什么？

如果你这样做了，那么你会得到类似href="http://localhost（或相对URI）而不是href="file:\\C:\wamp

您需要更改 URL 以指向您正在运行的 HTTP 服务器，而不是它尝试从文件系统上读取文件的位置。

【讨论】：

是的，这听起来确实像我要找的。但是，我如何从那里获取特定文件。 href="localhost/www/dojo/goodlooks.css" ?感谢您的帮助
或者我想是：href="localhost/dojo/goodlooks.css"？不幸的是，它仍然无法正常工作。
@redRaven：您忘记了引用开头的“http://”。否则它会在一个名为“localhost”的文件夹中寻找不存在的文件。
太棒了！那解决了它。谢谢你们的帮助。但是，我的 js 文件仍然无法工作
如果你访问http://localhost/dogo/Movement.js，你得到正确的文件吗？