为什么 javascript 不能识别我的全局变量？

Question

我正在设置一个等于图像的变量，然后在函数中调用它。这不起作用，因为根据 javascript 错误控制台，它无法将图像变量识别为 null

var image = document.getElementById("gc");
var duration = 3000; /* fade duration in millisecond */
var hidtime = 2000; /* time to stay hidden */
var showtime = 2000; /* time to stay visible */
var image_tracker = 1

function change() {
    if (image_tracker == 1) {
        image.src = "IMG_1267.jpg"
        image_tracker = 2
    } else if (image_tracker == 2) {
        image.src = "IMG_1239.jpg"
        image_tracker = 3
    } else {
        image.src = "IMG_1263.jpg"
        image_tracker = 1
    }
}

不过这很好用

var duration = 3000; /* fade duration in millisecond */
var hidtime = 2000; /* time to stay hidden */
var showtime = 2000; /* time to stay visible */
var image_tracker = 1

function change() {

    var image = document.getElementById("gc");

    if (image_tracker == 1) {

        image.src = "IMG_1267.jpg"
        image_tracker = 2
    } else if (image_tracker == 2) {
        image.src = "IMG_1239.jpg"
        image_tracker = 3
    } else {

        image.src = "IMG_1263.jpg"
        image_tracker = 1
    }

}

var timer = setInterval('change()', 3000);

Answer 1

在您的代码中，您的 JavaScript 会立即加载，甚至在 DOM 完全加载之前。当它尝试搜索 #gc 时，找不到它，因为它没有加载到 DOM.

解决方法是在页面完全加载后设置 image 变量。例如

var image;

window.onload = function() {
    image = document.getElementById("gc");
}

function change() {
    ....

为什么 javascript 不能识别我的全局变量？

Why isn't javascript recognizing my global variable?

javascript

variables

global