奇怪的javascript/jquery行为_Javascript_Jquery

奇怪的javascript/jquery行为

javascript jquery

奇怪的javascript/jquery行为,javascript,jquery,Javascript,Jquery,可能重复：我在一个元素中包含了这段javascript代码 $（文档）.ready（函数（）{ $（“#欢迎”）.addClass（“居中”）； $（“#已创建”）.addClass（“居中”）； }); 在我使用显式结束脚本元素之前，它拒绝工作： <script src="jquery-1.3.2.js" type="text/javascript"></script> 为什么会有区别编辑：整个标题为： <%@ Page Language="C#"

可能重复：

我在一个元素中包含了这段javascript代码


$（文档）.ready（函数（）{
$（“#欢迎”）.addClass（“居中”）；
$（“#已创建”）.addClass（“居中”）；
});

在我使用显式结束脚本元素之前，它拒绝工作：

<script src="jquery-1.3.2.js" type="text/javascript"></script>

为什么会有区别

编辑：整个标题为：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>
    <title></title>
    <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print" />
    <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
    <link rel="stylesheet" href="css/blueprint/src/typography.css" />
    <link rel="stylesheet" href="css/common.css" />

    <script src="jquery-1.3.2.js" type="text/javascript" />

    <script type="text/javascript">
        $(document).ready(function() {
            $("#welcome").addClass("centered");
            $("#created").addClass("centered");
        });
    </script>
</head>


$（文档）.ready（函数（）{
$（“#欢迎”）.addClass（“居中”）；
$（“#已创建”）.addClass（“居中”）；
});

我不明白为什么script元素需要显式的end元素，而link元素不需要。

文档的doctype是什么？像您的第一个示例一样，技术上最小化的标记是唯一的XML。在大多数情况下，HTML允许它们，但正确的HTML是第二个示例。

是的，您总是需要像这样结束脚本元素。它不支持使用“/>”的XHTML格式来结束标记。

是的，您总是需要这样结束脚本元素。它不支持以“/>”的XHTML格式结束标记。

某些元素，如

script

和

iframe

在所有浏览器中都不能正常工作，除非您有结束标记，即使其中没有内容。虽然我同意这是愚蠢的，但这只是web开发人员需要注意的又一个不一致之处

我可以想象，一旦浏览器供应商实现了实际的XHTML（因此我们可以将XHTML作为application/XHTML+xml而不是text/html发送），那么他们也会解决类似这样的不一致问题。或者我只是一个乐观主义者。

某些元素，如

script

和

iframe

在所有浏览器中都不能正常工作，除非你有一个结束标记，即使里面没有内容。虽然我同意这是愚蠢的，但这只是web开发人员需要注意的又一个不一致之处

拒绝在哪个浏览器中工作？@Chris Missal的dup：我在用IE 8测试拒绝在哪个浏览器中工作？@Chris Missal的dup：我在用IE 8测试我注意到了这一点，现在以这种方式关闭所有与js相关的标记，但有什么特别的原因吗？我知道这可能是一个重复的问题，但这就是为什么这只是一个评论。我不知道确切的原因，但我猜这是因为兼容性。Quirksmode有一些信息：从技术上讲，

/>

格式在XHTML中是有效的，但在HTML中从来都不有效。实际上，它有一个模糊的、很少实现的含义。即使您认为您正在编写XHTML，也有可能它被用作

text/html

，因此浏览器将其视为html。像

这样的标记可以工作（HTML版本只是没有结束标记的

），这只是因为HTML解析器可以原谅。如果元素具有空内容模型，那么XML空元素语法是可以接受的。如果元素没有空的内容模型，则XML语法是不可接受的。查看HTML4.01或XHTML1.0DTD，了解哪些元素具有空内容模型的详细信息。我注意到情况就是这样，现在以这种方式关闭所有与js相关的标记，但有什么特殊原因吗？我知道这可能是一个重复的问题，但这就是为什么这只是一个评论。我不知道确切的原因，但我猜这是因为兼容性。Quirksmode有一些信息：从技术上讲，

/>

格式在XHTML中是有效的，但在HTML中从来都不有效。实际上，它有一个模糊的、很少实现的含义。即使您认为您正在编写XHTML，也有可能它被用作

text/html

，因此浏览器将其视为html。像

这样的标记可以工作（HTML版本只是没有结束标记的

），这只是因为HTML解析器可以原谅。如果元素具有空内容模型，那么XML空元素语法是可以接受的。如果元素没有空的内容模型，则XML语法是不可接受的。查看HTML4.01或XHTML1.0DTD，了解哪些元素具有空内容模型的详细信息。祝你好运，HTML5退出后，XHTML很可能永远不会达到这一点。看来他们只是在HTML5完成之前暂停了XHTML2的工作，尽管我同情你的悲观：）祝你好运，HTML5退出后，XHTML很可能永远不会达到这一点。好吧，他们只是在HTML5完成之前暂停了XHTML 2的工作，尽管我同情你的悲观：）

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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>
    <title></title>
    <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print" />
    <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
    <link rel="stylesheet" href="css/blueprint/src/typography.css" />
    <link rel="stylesheet" href="css/common.css" />

    <script src="jquery-1.3.2.js" type="text/javascript" />

    <script type="text/javascript">
        $(document).ready(function() {
            $("#welcome").addClass("centered");
            $("#created").addClass("centered");
        });
    </script>
</head>