这是一个很奇怪的问题。我有以下非常简单的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网站上的最新版本。对于我的生活,我无法弄清楚我做错了什么。我知道它会变得简单。
答案 0 :(得分:9)
script
标签不能自动关闭。您需要结束</script>
代码:
<script type="text/javascript" src="jquery.js"></script>
不包括结束标记意味着包含</html>
的整个内容被视为script
元素的主体。由于文档不完整,您的浏览器会关闭script
,head
和html
元素,并插入一个空的body
元素。
答案 1 :(得分:2)
你需要关闭你的脚本标签,否则它认为之后的所有内容都是javascript被执行...
<script type="text/javascript" src="jquery.js"></script>
答案 2 :(得分:2)
<script>
代码不是自动关闭的,因此您需要单独的</script>
:
<script type="text/javascript" src="jquery.js"></script>
答案 3 :(得分:0)
你混淆了HTML和XHTML。
在HTML中,脚本标记不是自动关闭的,因此您必须编写<script src="jquery.js"></script>
。
在XHTML中,您必须设置XML命名空间(<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
)并使用正确的mime类型发送文档。