| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

Prototype.js HTMLとスクリプトを分離

提供: MyMemoWiki
2020年2月16日 (日) 04:30時点におけるPiroto (トーク | 投稿記録)による版
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

prototype.js HTMLとスクリプトを分離

以下のようなスクリプトを、HTML側で読み込む。

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

hoge.js

// Window のロード時に initDocumentを呼び出す
Event.observe(window, 'load', initDocument, false);

// 初期処理
function initDocument() {
	setEventHundler();
}

// イベントハンドラをセット
function setEventHundler() {
	Event.observe($('elmt1'), 'click', hndler1, false);
	Event.observe($('elmt2'), 'click', hndler2, false);
}

// イベントハンドラ1
function hndler1() {
}
// イベントハンドラ2
function hndler2() {
}