我想根据页面的地址为 div 分配不同的背景图像,例如,如果我的 url 是http://www.mywebsite.com/mysubdirectory/ http://www.mywebsite.com/mysubdirectory/我使用以下代码:
if(document.URL.indexOf("mysubdirectory") >= 0){
document.getElementById("wrapper").style.backgroundImage = "url('bg-wrapper.jpg')";
}
但这不起作用。我什至添加了一个虚假的 document.write 命令,只是为了确保其余的代码没问题,并且果然虚假的行出现在我的浏览器中。有什么我忽略的吗?
编辑:谢谢大家的回答 - 当我在代码中使用 body 而不是 getElementById("wrapper") 时,图像会显示出来,所以我怀疑这是与路径相关的问题。我确实向 body 标记添加了 onload 属性,但它仍然无法与 getElementById 一起使用。有任何想法吗?
Your
document.getElementById("wrapper").style.backgroundImage = "url('bg-wrapper.jpg')";
代码是正确的。
它在这个 jsfiddle 中运行良好:http://jsfiddle.net/hUuN5/ http://jsfiddle.net/hUuN5/
你确定图片是正确的吗?请记住,文件的路径是相对于当前页面的位置的。不是 css 目录
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)