Question

我是网络开发的新手，我需要帮助设置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');
});

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

Answer 1

所以，我已经将所有文件添加到www文件夹中，并更改了html中的引用以说明这一点。我在这里缺少什么？

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

的内容

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

设置Wamp服务器

1 个答案: