javascript - 定义在每次页面加载时运行的函数

Question

我正在用 PhoneGap 构建一个歌本（带和弦）。每首歌曲都存储在单独的文件中，索引保存在其中一个文件中。

我需要的是能够在每次推送页面时运行一些 Javascript 函数。意义：

在index.html我有：

<li class="…" ng-click="ons.navigator.pushPage('page.html')">
<span class="topcoat-list__item__line-height">Some song</span>
</li> 

page.html推送时我应该在哪里运行Javascript函数？

Answer 1

AngularJS 控制器解决了这个问题。例如，

<div ng-controller="MyCtrl">
  <div ng-click="pushPage('page2.html')"><span>Some song</span></div>
</div>

在 app.js 中

app = angular.module('myApp', ['onsen.directives']);

app.controller('MyCtrl',function($scope,$rootScope) { 

    $scope.pushPage = function(pagename) {
        /* call some function */
        alert("OK");
        /* call some function end */

        $rootScope.ons.navigator.pushPage(pagename);
    }    
} );