JavaScript代码很好，但网页预览只显示我的html工作

JavaScript code is fine, but webpage preview is only showing my html work

本文关键字：显示 我的 html 工作 很好 代码 网页 JavaScript      更新时间：2023-09-26

我有一个类的任务，使用javascript创建一个简单的网页。我已经对代码进行了三重和四重检查，它似乎写得很好;但是，当我去预览它时，它只显示我的页面标题。

这是我正在处理的代码。我知道这很简单，但老实说，我不知道它有什么问题。如果有人能帮助我，我将不胜感激。

'use strict';
var game = new Phaser.Game(1024, 600, Phaser.AUTO, 'game', {preload: preload, create: create, update: update, render: render});
    var: background;
    var: Home1;
    var: home2;
    var: home3;
    var: home5; 
    var: home6;
    var: moose;

    var: text;
    var: textStyle;
    var: textHolder;

    function preload() {    
     game.load.image("background","HomePics/flowerhome.png");   
     game.load.image("Home1","HomePics/Home1.jpg");
     game.load.image("home2","HomePics/home2.jpg");
     game.load.image("home3","HomePics/home3.jpg");
     game.load.image("home5","HomePics/home5.jpeg");
     game.load.image("home6","HomePics/home6.jpg");
     game.load.image("moose","HomePics/icon_moose.png");    
}
function create() {     
    background = game.add.sprite(0, 0, "background");
    Home1 = game.add.sprite(200, 200, "Home1");
    home2 = game.add.sprite(200, 600, "home2");
    home3 = game.add.sprite(200, 600, "home3");
    home5 = game.add.sprite(400, 600, "home5");
    home6 = game.add.sprite(500, 375, "home6");
    moose = game.add.sprite(200, 200, "moose");    
    text = "it's waiting for you"
    textSyle = {font: "40px Roboto", fill: "#ff5d5d", align: "center"};
    textHolder = game.add.text(0,0, text, textStyle);
}
function update() { 
    moose.x = game.input.activePointer.x;
    moose.y = game.input.activePointer.y;   
}
function render() {     
}

当您不想手动查找语法错误时，请使用 http://jshint.com/来检查语法错误，或者如Lister先生所述，检查浏览器开发人员工具中的控制台。如果开发工具不显示任何内容，则由于某种原因，您的代码根本没有执行。

例如，变量声明的编写不带冒号，因此：

var background;

而不是 

var: background;

您可能还会从此调试指南中受益，如果您还没有，请学习使用浏览器的开发人员工具。

只要确保你在浏览器中启用了javascript，否则你编写的任何javascript代码都不起作用！！

相关文章：