Javascript HTML/JS-让用户粘贴图像URL作为背景

我有一些事情想做，但我不确定这是否可能

我想要一个文本框（输入），当用户粘贴一个图像的URL（比如他们的facebook个人资料图片）时，它会将该URL设置为网站上的背景图像URL

这可能吗？有人能写一个密码吗？似乎如果可能的话，也不会太难

---

提前谢谢。

是的。您可以使用jQuery轻松实现这一点，尽管您也可以使用javascript

这里有一个例子

在该文本框中粘贴一个有效的图像url。

<script type="text/javascript">
function changebackground(){
    var url = document.getElementById('bgchanger').value;
    document.getElementsByTagName('body')[0].style.backgroundImage = "url('" + url + "')";
}
</script>
<input type="text" id="bgchanger" value="Enter a background URL" />
<input type="button" onclick="changebackground();" value="Change!" />

函数changebackground（）{
var url=document.getElementById（'bgchanger'）。值；
document.getElementsByTagName（'body'）[0].style.backgroundImage=“url（'”+url+“）”；
}

未经测试，但应该可以

---

Edit经过测试，工作正常：

您可以通过将处理程序附加到输入元素的“更改”事件来完成此操作。然后使用输入元素的值来更新“body”元素的css的“backgroundimage”属性

---

例如，

这绝对是可能的，而且也没有那么难。你试过什么了吗？因为这听起来像“请做我的工作”！先生，你真了不起！编辑：如果你看到了我以前拥有的，没关系，明白了！再次感谢！没问题。很高兴能帮上忙。：）