如何在Windows8JavaScript中每次单击都更改背景图像

我正在开发Windows8 metro应用程序。 在default.html文件中，我有一个背景图像：

<div id="backgroundImage" >
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <defs>
                <filter id="myGaussianBlur" x="0" y="0">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="2"></feGaussianBlur>
                </filter>
            </defs>
            <image xlink:href="**surf.jpg**" width="100%" height="100%" preserveAspectRatio="none" filter="url(#myGaussianBlur)" />
        </svg>
    </div>

我还有一个能手和一个二传手：

 // Getters/setters for image


   image: {
        get: function () { return this._data.image; },
        set: function (value) { this._data.image = value; }
    }

---

我发现，当我尝试开发一个应用程序时，有一个使用JavaScript编写博客阅读器的代码……我正在共享一个链接，您可以查看它是否对您有任何帮助

您还可以查看Codeproject中的一篇简单文章……这也可以帮助您

 // Getters/setters for image


   image: {
        get: function () { return this._data.image; },
        set: function (value) { this._data.image = value; }
    }