簡體   English   中英

HTML無法鏈接腳本或樣式表

[英]HTML not linking scripts or stylesheets

我試圖將jquery和一個CSS文件鏈接到一些HTML,但我沒有運氣。 該頁面的CSS在我的瀏覽器(Chrome)中未設置任何樣式。 另外,我嘗試將腳本標簽放在身體和頭部中(我知道這是不好的風格,我只是想嘗試一下),並且我的腳本中有console.log()s,它沒有記錄任何內容所以我知道他們之間的鏈接不正確。 誰能告訴我為什么這不起作用?

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="WLE.css">
        <title>w/Way Less Effort</title>
    </head>

    <body>
        <img id="logo" src="WLE.jpg">
        <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            console.log("pre-fade");
            $(document).ready(function() {
                console.log("fading out");
                $("#logo").fadeOut("slow");
            });
        </script>
    </body>
</html>

以此替換腳本,在正文標簽:P css鏈接很好,但css不能正常工作或名稱不像您寫的那樣。

    <script type="text/javascript">
    alert("Ist work");
    </script>

但是,如果我覺得很好,這項工作。 http://jsfiddle.net/2Fv8f/

我認為您的代碼是正確的,您的文件css應該以大寫字母命名為“ WLE.css”,並且應該與此html文件位於同一目錄中。 對於JQuery,它已正確鏈接,並且對我和Img的工作在測試中消失了。 為了測試您的鏈接文件(圖像,css,js),您可以使用編寫的任何代碼來執行此操作。 在Chrome中轉到您的頁面,然后:

Click right > Inspecte element > Network (Tab)

刷新頁面(如果任何圖片或文件鏈接不正確的話)將顯示紅色。 嘗試,您將看到。 希望對您有幫助。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM