我正在关注ExtJS tutorial并尝试创建一个新页面。它有效。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title id='title'>HTML Page setup Tutorial</title>
<!-- ** CSS ** -->
<!-- base library -->
<link rel="stylesheet" type="text/css" href="ext-3.3.1/resources/css/ext-all.css" />
<!-- overrides to base library -->
<!-- ** Javascript ** -->
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="ext-3.3.1/adapter/ext/ext-base.js"></script>
<!-- ExtJS library: all widgets -->
<script type="text/javascript" src="ext-3.3.1/ext-all-debug.js"></script>
<!-- overrides to library -->
<!-- extensions -->
<!-- page specific -->
<script type="text/javascript">
// Path to the blank image should point to a valid location on your server
Ext.BLANK_IMAGE_URL = '../../resources/images/default/s.gif';
Ext.onReady(function () {
console.info('woohoo!!!');
}); //end onReady
</script>
</head>
<body>
</body>
</html>
但是,如果我将脚本标记行更改为使用自结束标记,如下所示,它将不起作用。
<!-- ExtJS library: base/adapter -->
<script type="text/javascript" src="ext-3.3.1/adapter/ext/ext-base.js"/>
在 Firebug 中,它提示 Ext.EventManager is undefined
。我有两个问题
在脚本中使用自关闭标签通常是一个坏主意吗?我读过这篇post但在我看来,它是在谈论 xhtml。
我正在尝试学习 Javascript。虽然我知道修复它的方法是不使用自结束标签,但我仍然想知道为什么 FireFox 认为
Ext.EventManager
未定义?
最佳答案
是的,这是一个坏主意。脚本标签需要一个结束标签,如 HTML specification - The script element 中所示。
不同的浏览器有不同的处理错误代码的方式。每个浏览器都试图充分利用情况,但他们对于每种情况下的最佳方案有不同的看法。处理某些不正确代码的一种方法是忽略它,这可能是脚本在 Firefox 中不执行的原因。
此外,由于您没有 doctype 标记,因此该页面默认为 HTML,而不是 XHTML,因此您根本无法使用自关闭标记。
关于javascript - 为什么自关闭脚本不适用于 ExtJS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5216786/