javascript文檔准備功能

Question

再一次，我被困在學習過程中。 我正在嘗試使用此處提供的幫助為網站背景制作動畫。 但是我有點卡住。 當我在自學javascript時（代替基本的動作腳本）。 我喜歡逐行編寫而不是復制粘貼，這樣我才能理解事情的發展。

這是我到目前為止的內容：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Site</title>
<script type="text/javascript">
    $(document).ready(function(){
        window.alert("function started");
    });
    </script>
    </head>

    <body>
    </body>
    </html>

如您所見，警報窗口應在該功能啟動時彈出，但不是。 有這種原因的原因嗎？還是我應該設置一個主體onLoad函數來處理頁面加載時要執行的操作？

Answer 1

您忘記了在頁面中包含jQuery javascript API。 在使用$()函數之前，它應該包含在內jQuery()在這種情況下，它是jQuery()函數的別名。）

如果檢查瀏覽器的Javascript控制台，則可能會出現嘗試使用未定義$的異常。 （在IE中，進行Web開發時的一個小技巧就是啟用“顯示每個腳本錯誤的通知”的“高級”選項，但是當訪問其他站點時，這會變得很煩人，因為許多開發人員對於識別和修復未處理的JS異常並不滿意！現代瀏覽器通常使用“ F12”（至少在美國使用）來打開開發人員工具來調試Java腳本等）

更正的代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Site</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function ()
        {
            window.alert("function started");
        });
    </script>
</head>
<body>
</body>
</html>

本示例使用Google托管的jQuery API，但您也可以選擇從http://jquery.com下載jQuery。

Answer 2

演示版

http://jsfiddle.net/dvADs/

您缺少圖書館參考書〜！ 像這樣

<script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>

希望休息能滿足您的需求:)

基礎知識： http ： //jqfundamentals.com/chapter/jquery-basics

JQ CDN： http ： //jquery.com/download/

$(document).ready(function(){
    window.alert("function started");
});

Answer 3

您不是先加載jQuery。 jQuery是您嘗試使用$調用的庫。 您可以在此處下載它： http : //jquery.com/download/ 。 確保在javascript代碼之前加載jQuery。

javascript文檔准備功能

問題描述

3 個解決方案

解決方案1
3 已采納 2013-10-24 21:38:46

解決方案2
0 2013-10-24 21:38:38

解決方案3
0 2013-10-24 21:40:06

javascript文檔准備功能

問題描述

3 個解決方案

解決方案1 3 已采納 2013-10-24 21:38:46

解決方案2 0 2013-10-24 21:38:38

解決方案3 0 2013-10-24 21:40:06

解決方案1
3 已采納 2013-10-24 21:38:46

解決方案2
0 2013-10-24 21:38:38

解決方案3
0 2013-10-24 21:40:06