2014-03-27 122 views
0

我是jQuery新手。要查看我的第一個hello世界頁面,我有下面的代碼,但結果是沒有任何提示的裸頁面!它似乎無法從我在我的html頁面的相同目錄中下載的jQuery-1.11.0中讀取。jQuery,初學者你好世界頁面

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <title>Hello World</title> 
     <script type="text/javascript" src="jquery-1.11.0.min.js"> </script> 
     <script type="text/javascript"> 
     $("document").ready(function() { 
     alert ("Hello World"); 
     }); 
    </script> 
    </head> 
    <body> 
    </body> 
</html> 
+0

它沒有提醒嗎? – Incognito

+1

你試過讓你的HTML有效嗎? – TimWolla

+0

@Kuma是沒有警報。 – Amir

回答

4

你的HTML標記是無效的:

1)你必須開放<body>標籤

2)你在text/javascript

<script type="text/javascript"> 
// ------ ^missing " here  

最終代碼的開始丟失了"應看起來像這樣:

<!DOCTYPE html> 
<html lang="en"> 

    <head> 
     <meta charset="utf-8" /> 
     <title>Hello World</title> 
     <script type="text/javascript" src="jquery-1.11.0.min.js"> 

     </script> 
     <script type="text/javascript"> 
      $("document").ready(function() { 
       alert("Hello World"); 
      }); 
     </script> 
    </head> 

    <body></body> 

</html> 

Working Demo


檢查你的頁面後,您鏈接到jQuery庫是空的。

http://cmpt470.csil.sfu.ca:8017/anabaei/exe/jquery-1.11.0.min.js 

爲了避免這個問題,最好是使用一個CDN鏈接從jQuery的或谷歌:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
+0

謝謝,那是我的問題,現在它的工作;但我的問題是,如何可能,因爲我下載了,我可以看到該目錄中的文件! – Amir

+0

也許你的文件是空白的或者你的操作系統有問題:P – Felix

+0

實際上你應該在頁面末尾加上'

0

您沒有開始<body>標記。

您的腳本資源缺失"

像這樣。

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8" /> 
     <title>Hello World</title> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $("document").ready(function() { 
       alert ("Hello World"); 
     }); 
     </script> 
    </head> 
    <body> 
    </body> 
</html> 
0

嘗試寫這樣

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <title>Hello World</title> 
     <script src="jquery-1.11.0.min.js"> </script> 
     <script> 
     $(function() { 
     alert ("Hello World"); 
     }); 
    </script> 
    </head> 
    <body> 
    </body> 
</html> 

爲了讓更多的確保您的jQuery的工作正常在您的jQuery中的警報行之後添加此代碼

$('body').html("<p>Hello World</p>"); 

文本也會出現在您的頁面中,因此您的jQuery源代碼正常。

祝你好運。

0

您缺少開盤報價和開頭機構標籤。嘗試這個。

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <title>Hello World</title> 
     <script type="text/javascript" src="jquery-1.11.0.min.js"> </script> 
     <script type="text/javascript"> 
     $("document").ready(function() { 
     alert ("Hello World"); 
     }); 
    </script> 
    </head> 
    <body> 
    </body> 
</html>