Question

我在.html文件中有以下代码，然后我用浏览器打开它。为什么页面加载时我没有收到“Hello World”警报？我所看到的只是“测试”文本。

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
            $(document).ready(function() {
            alert("Hello World!");
        });
        </script>
    </head>
    <body>
    <p>
        Test
    </p>
    </body>
</html>

Answer 1

您无法声明[src]属性和执行<script>元素的内容。

您需要使用第二个<script>元素：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        alert("Hello World!");
    });
</script>

注意：在jQuery中使用document.ready回调时，建议使用简写版本将jQuery别名为$以获得更好的脚本兼容性：< / p>

jQuery(function ($) {
    alert('Hello World');
});

Answer 2

像这样改变

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <script>
        $(document).ready(function() {
        alert("Hello World!");
    });
    </script>

Answer 3

<!DOCTYPE html>
<html>
     <head>
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
         <script type="text/javascript">           
                $(document).ready(function() {
                    alert("Hello World!");
               });
         </script>
     </head>
     <body>
         <p>Test</p>
     </body>
</html>

使用第一个脚本标记，我们加载jquery。在第二个脚本

Answer 4

正如已经说明的一些答案，您无法让浏览器通过一个脚本标记查看src和内容。以下是W3C的相关信息：

脚本可以在SCRIPT元素的内容中定义，也可以在外部文件中定义。如果未设置src属性，则用户代理必须将元素的内容解释为脚本。如果是src 具有URI值，用户代理必须忽略元素的内容和通过URI检索脚本。

http://www.w3.org/TR/html401/interact/scripts.html

非常简单的jQuery函数不起作用

4 个答案: