closure-library - Revision 9: /trunk/closure/goog/demos
スクリプトをheadタグ内に書くとエラーが出る。
エラーが出る場合
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Google Closure Tools Sample</title>
<script src="closure-library-read-only/closure/goog/base.js"></script>
<script type="text/javascript">
//ライブラリの読み込み
goog.require("goog.events");
goog.require('goog.dom');
//イベントリスナーの追加
goog.events.listen(document.getElementById("btn"), "click", sayHi);
function sayHi() {
var newHeader = goog.dom.createDom('h1', {'style': 'background-color:#EEE'},
'Hello world!');
goog.dom.appendChild(document.body, newHeader);
}
</script>
</head>
<body>
<input type="button" id="btn" value="push" />
</body>
</html>エラーなしに実行できる場合
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Google Closure Tools Sample</title>
<script src="closure-library-read-only/closure/goog/base.js"></script>
<script type="text/javascript">
//ライブラリの読み込み
goog.require("goog.events");
goog.require('goog.dom');
</script>
</head>
<body>
<input type="button" id="btn" value="push" />
</body>
<script>
//イベントリスナーの追加
goog.events.listen(document.getElementById("btn"), "click", sayHi);
function sayHi() {
var newHeader = goog.dom.createDom('h1', {'style': 'background-color:#EEE'},
'Hello world!');
goog.dom.appendChild(document.body, newHeader);
}
</script>
</html>
これは、goog.require()が後ろへscriptタグを追加することによって必要なコードをロードしていくからだそうです。
返信削除つまり、goog.require()を書いたscriptタグよりも後に別のscriptタグを配置し、その中に自分のコードを書くことになっているそうです。
Google Closureのコミュ作りました。
http://mixi.jp/view_community.pl?id=4906351
（たとえ英語であっても情報が少ないので、）Closureについての情報を共有したいです。
よろしくお願いします。
ﾍﾟｺﾘ
WONDERFUL Post.thanks for share..more wait .. �
返信削除Feel free to surf to my site ... kobe bryant shoes