情報が不足しておりますが、もしかしてHTMLファイルの中身は上記のスクリプトのみでしょうか?
Onsen-UI
の設定するページの中身はons-page
である必要があります。
Monacaのサンプルの中にOnsen UI Tabbar
と言うものがありますので、
まずは其方でプロジェクトを作成し、構造を解析してみてはいかがでしょうか?
追記:
OnsenUIを普通のHTMLと同じように遷移するような感じで使っていませんか?
まずdocument.write
は使えません。
HTML > BODY > ONS-PAGE
と続きONS-PAGE
に追加されなければ表示されません。
また、タブで切替を行い、ページの読み込みを行った際にonLoadは必ずしも発する訳ではありません。
なぜなら、index.html
から遷移を行っておらず、
遷移したように見えるのはindex.html
にONS-PAGE
埋め込まれており、
ONS-PAGE
の表示を切り替えているだけだからです。
タブページでページの初期化を行う方法は2つあります。
1つはons-tabbar
のon-active-tab-changed
に切替時の関数をつっこむこと
もう一つは、各ページの読み込み時に初期化を行うこと
とりあえず、後者について説明させて頂きます。
各ページでonloadを行いたい場合、AngularJSを意識する必要があります。
var module = ons.bootstrap('my-app', ['onsen']);
module.controller('page1_controller', function($scope) {
ons.ready(function() {
var today = new Date();
$("#target").prepend(today.getDate());
});
});
<!DOCTYPE HTML>
<html lang="ja" ng-app="my-app"><!--モジュール名を指定-->
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
</head>
<body>
<ons-page ng-controller="page1_controller"><!--コントローラークラスを割り当て-->
<ons-toolbar> <div id="target" class="center"> 日 </div> </ons-toolbar>
</ons-page>
</body>
</html>
実際にはタブバーでは無いですがons-page
での初期化はこんな感じです。
あと記述はOnsenUIのバージョンによっても変化しますのでOnsenUIの公式ドキュメントをご覧ください。
ページに初期化が記述されていればタブ切替の際にページの初期化が走るはずです。