Wie wird dieses JavaScript-Skript beim Laden der Seite ausgeführt?

Question

Ich versuche, eine minimale, statische HTML-Seite mit voxel-hello-world zu erstellen. Dafür habe ich this project erstellt.

Wenn ich die voxel1.html Seite öffne, sehe ich nichts. Wenn alles richtig funktioniert, würde ich eine Minecraft-ähnliche Landschaft im Browser sehen.

Ich gehe davon aus, dass das Problem ist, dass der folgende Teil des bundle.js Skript nicht ausgeführt wird, wenn die Seite geladen wird:

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 
} 

Was ist der richtige Weg ist das obige Stück Code, um sicherzustellen, ist ausgeführt, wenn die Seite geladen wird?

Hinweis: Sagen Sie mir nicht, dass Sie Node.JS oder einen anderen JavaScript-Server installieren sollen. Ich möchte dieses spezielle Beispiel ohne einen Server ausführen.

Answer 1

können Sie window.onload verwenden und geben Ihre function oder was Sie wollen in den Körper des function

window.onload = function(){ 

} 

Answer 2

unter der Annahme, dass alle anderen js bereits vorhanden sind, und Sie haben jquery verfügbar, nur:

var game; 
$(document).ready(function(){ 
game=module.exports(opts,setup); 
})