-2

我是 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');
});

//不多，只是想让它工作。

4

1 回答 1

1

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

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

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

于 2013-08-13T16:15:27.293 回答