未捕获的ReferenceError：未定义url

Question

所以我用纯css创建了一个iphone，我试图在点击时更改屏幕以使其具有交互性。我是java脚本的新手，大约一周前就开始学习它了，浏览器告诉我“Uncaught 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>

Answer 1

您错过了引号：

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