看代碼:
HTML:
複製代碼 代碼如下:<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<link rel="stylesheet" href="resources/css/ext-all.css" />
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="index.js"></script>
<script type="text/javascript">
Ext.onReady(myNameSpace.app.init, myNameSpace.app);
</script>
</head>
<body>
<div id="mydiv"></div>
<p id="1">1</p>
<p id="2">2</p>
<p id="3">3</p>
<p id="4">4</p>
</body>
</html>
index.js內容: 複製代碼 代碼如下:/*
Author:binarytree
*/
// 填充圖片的本地引用
Ext.BLANK_IMAGE_URL = 'resources/images/default/s.gif';
// 命名空間
Ext.namespace('myNameSpace');
// 建立應用程式
myNameSpace.app = function()
{
return
{
init: function()
{
alert('程式初始化完畢');
}
};
}();
網上索引一番,等到如下結果:ECMAScript規定在有些情況下,可以對JavaScript語句執行自動分號補全,return就是其中之一;
Certain ECMAScript statements (empty statement, variable statement, expression statement, do-while statement, continue statement, break statement, return statement, and throw statement) must be terminated with semicolons. Such semicolons may always appear explicitly in the source text. For convenience, however, such semicolons may be omitted from the source text in certain situations. These situations are described by saying that semicolons are automatically inserted into the source code token stream in those situations.
我index.js裡的第11行處,在JavaScript解析引擎解析的時候自動補全了分號,導致後面的語句不能執行;
解決辦法:return後面的大括弧不要在新行起用,避免被自動補全分號;
雖然很簡單,但對我是今天的新知之一;^__^