未捕获的 ReferenceError：未定义 url

Posted 2023-02-16

【中文标题】未捕获的 ReferenceError：未定义 url

【英文标题】：Uncaught ReferenceError: url is not defined

【发布时间】：2015-03-23 17:33:59

【问题描述】：

所以我用纯 css 创建了一个 iphone，我试图在点击时改变屏幕以使其具有交互性。我是 java 脚本的新手，大约一周前才开始学习它，浏览器告诉我“未捕获的 ReferenceError：url 未定义”不知道我做错了什么。关于为什么告诉我这个的任何建议，所以我确保将来不会犯同样的错误。我确信这是一个简单的修复，只是不知道如何去做。

<div id="iphone-border">
            <div id="off-button"></div>
            <div id="mute-button"></div>
            <div id="volume-up-button"></div>
            <div id="volume-down-button"></div>
            <div id="side-lines-1"></div>
            <div id="side-lines-2"></div>
            <div id="iphone-color">
                <div id="camara"></div>
                <div id="sensor"></div>
                <div id="speaker"></div>
                <div id="iphone-screen" onClick="this.style.backgroundImage=url(img/phone-screen.jpg);" >

                </div>
                <div id="home-button-border">
                    <div id="home-button-color"></div>
                </div>

            </div>
        </div>

【问题讨论】：

这是一个javascript命令，试图调用函数url。你想要一个字符串文字。

【参考方案1】：

你错过了引号：

this.style.backgroundImage = 'url(img/phone-screen.jpg)';