Question

这是一个很奇怪的问题。我有以下非常简单的HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
       <title></title>
       <script type="text/javascript" src="jquery.js" />
    </head>
    <body>
    test
    </body>
</html>

如果我在网络浏览器中运行此页面，我什么也得不到，只是一个空白页面。如果我完全删除脚本引用行，那么我得到一个显示“test”的空白页面，就像它应该的那样。这告诉我jquery.js文件中存在一些问题，但是我尝试了3个不同版本的jquery，我使用的是jquery.com网站上的最新版本。对于我的生活，我无法弄清楚我做错了什么。我知道它会变得简单。

Answer 1

script标签不能自动关闭。您需要结束</script>代码：

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

不包括结束标记意味着包含</html>的整个内容被视为script元素的主体。由于文档不完整，您的浏览器会关闭script，head和html元素，并插入一个空的body元素。

Answer 2

你需要关闭你的脚本标签，否则它认为之后的所有内容都是javascript被执行...

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

Answer 3

<script>代码不是自动关闭的，因此您需要单独的</script>：

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

请参阅Why don't self-closing script tags work?

Answer 4

你混淆了HTML和XHTML。

在HTML中，脚本标记不是自动关闭的，因此您必须编写<script src="jquery.js"></script>。

在XHTML中，您必须设置XML命名空间（<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">）并使用正确的mime类型发送文档。

4 个答案: