Java到Javascript/HTML5画布

我想知道这些东西的java到javascript/HTML5的翻译是什么： 1.交换活动/布局 2.方法 3.扫描仪方法（通过文本框输入）

---

我正在写一个基本上用javascript和HTML5编写的游戏。HTML5纯粹用于通过画布显示图形。我正在尝试为我的游戏创建一个菜单，但我想知道，一旦我单击“播放”按钮，我将如何切换到另一个布局。

你可以用一百万种方法来完成。但是你觉得最舒服

如果你在寻找灵感，我有一个方法。我有一个功能，反复绘制菜单，直到按下按钮。当按下按钮时，游戏加载，旧的菜单点击事件监听器被删除，新的游戏点击事件监听器被添加。我还结束了菜单中的旧循环，开始了一个新的游戏循环。以下是一些精选片段，让您了解如何完成：

Game.prototype.loadMenu = function() {
  var game = this;
  var can = this.canvas;

  // now we can use the mouse for the menu
  can.addEventListener('click', game.menuClickEvent, false);
  can.addEventListener('touchstart', game.menuClickEvent, false);

  // draw menu
  this.loop = setInterval(function() { game.drawMenu() }, 30);
};

Game.prototype.drawMenu = function() {
  // ... draw the menu
}

Game.prototype.loadLevel = function(levelstring) {
  // unload menu
  var can = this.canvas;
  var game = this;
  can.removeEventListener('click', game.menuClickEvent, false);
  can.removeEventListener('touchstart', game.menuClickEvent, false);

  if (this.loop) clearInterval(this.loop);

  // ... other level init stuff


  // now we can press keys for the game
  //can.addEventListener('click', game.gameClickEvent, false);
  can.addEventListener('touchstart', game.gameClickEvent, false);
  can.addEventListener('keydown', game.gameKeyDownEvent, false);

  this.loop = setInterval(function() { game.tick() }, 30);
}

// called from tick()
Game.prototype.draw = function(advanceFrame) {
  // ...
}

---

这与java有什么关系？java是我最熟悉的语言。：）Simon当我尝试调用body onload或head onload中的函数时，它似乎不起作用。