如何在页面加载时运行这个JavaScript脚本

How to run this JavaScript script upon page loading?

本文关键字：运行 JavaScript 脚本 加载      更新时间：2023-09-26

我正在尝试创建一个最小的静态HTML页面，其中运行着voxel-hello-world。为此，我创建了这个项目。

当我打开voxel1.html页面时，我没有看到任何东西。如果一切正常，我将在浏览器中看到一个类似《我的世界》的风景。

我认为问题是在加载页面时没有执行bundle.js脚本的以下部分:

module.exports = function(opts, setup) {
  setup = setup || defaultSetup
  var defaults = {
    generate: voxel.generator['Valley'],
    chunkDistance: 2,
    materials: ['#fff', '#000'],
    materialFlatColor: true,
    worldOrigin: [0, 0, 0],
    controls: { discreteFire: true }
  }
  opts = extend({}, defaults, opts || {})
  // setup the game and add some trees
  var game = createGame(opts)
  var container = opts.container || document.body
  window.game = game // for debugging
  game.appendTo(container)
  if (game.notCapable()) return game
  var createPlayer = player(game)
  // create the player from a minecraft skin file and tell the
  // game to use it as the main player
  var avatar = createPlayer(opts.playerSkin || 'player.png')
  avatar.possess()
  avatar.yaw.position.set(2, 14, 4)
  setup(game, avatar)
  return game
}

当页面加载时，确保上面那段代码执行的正确方法是什么?

注意:不要告诉我安装Node.JS或任何其他JavaScript服务器。我想在没有服务器的情况下运行这个特殊的示例

您可以使用窗口。onload并将function或您想要的内容传递到function

的主体中
window.onload = function(){
}

假设所有其他js已经就位，并且您有可用的jquery，只需:

var game;
$(document).ready(function(){
game=module.exports(opts,setup);
})
相关文章：