jQuery，初学者你好世界页面

我是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>

来源

2014-03-27 Amir

它没有提醒吗？ – Incognito

你试过让你的HTML有效吗？ – TimWolla

@Kuma是没有警报。 – Amir

你的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>

来源

2014-03-27 01:41:23 Felix

谢谢，那是我的问题，现在它的工作;但我的问题是，如何可能，因为我下载了，我可以看到该目录中的文件！ – Amir

也许你的文件是空白的或者你的操作系统有问题：P – Felix

实际上你应该在页面末尾加上'

您没有开始<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>

来源

2014-03-27 01:40:28 Incognito

尝试写这样

<!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源代码正常。

祝你好运。

来源

2014-03-27 01:45:29

您缺少开盘报价和开头机构标签。尝试这个。

<!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>

来源

2014-03-27 01:46:14 peinearydevelopment

jQuery，初学者你好世界页面

回答

相关问题