未捕获的ReferenceError：URL未定义-JavaScript错误

Question

我试图在每次单击时显示不同的背景图像。我将图像组包含在数组中，并尝试使用JavaScript访问它们。但是代码显示错误为

  

未捕获的ReferenceError：网址未定义

我尝试了多种设置URL的方法。什么都没用。

core.checkstat

我希望url（“ ch [1]”）显示图像“ 2.jpg”，依此类推。我是编码新手， 因此，请提出代码中是否还有其他错误。

Answer 1

您应该从变量中删除引号-

document.getElementById("tv").style.backgroundImage="url(" + ch[count] + ")";

Answer 2

您需要修正变量：

document.getElementById("tv").style.backgroundImage = 'url(' + ch[count] + ')';

Answer 3

您可以使用如下ES6模板文字为您添加背景图片：

$response = array_values($response);
echo json_encode($response);

Answer 4

您的代码存在一些问题。

数字1：您尚未关闭函数定义的括号。您最后的右括号（}）用于if语句的正文。

数字2：您的脚本块末尾有4`。只需删除这些。

数字3 ：（如精灵所指出的）您错误地分配了背景。拥有代码中最简单的方法可能是

document.getElementById("tv").style.backgroundImage=`url(${ch[count]})`;

数字4：每次调用该函数时，count都设置为0，因此背景图像不会改变。有许多可能的修复程序。最简单的方法是在函数外部声明count，使其具有“全局”范围。

Answer 5

我认为这个问题可能是由绝对路径引起的，请尝试使用相对路径

var ch=["/html/images/1.jpg",
            "/html/images/2.jpg",
            "/html/images/3.jpg",
            "/html/images/4.jpg"
        ];

打开chrome，F12，Elements，选择，即可发现是否要加载img