2012-12-03 101 views
2

你好, 我对JavaScript没有太多了解,对于具体的东西没什么特别,而且我是法国人(这意味着对我的英语感到抱歉)。Javascript if url then image

因为我不知道很多关于html和所有东西,我只是改变css和HTML上tumblr现有的主题(我知道这不是最好的解决方案,但它为我工作,我正在慢慢地改善我对这个世界的知识)

所以在tumblr你有几个网页已经像重新组合所有您的文章具有相同标记的一个创造,这个页面被称为http://myblog.tumblr.com/tagged/mytag

这里是我的问题:我想更改每个页面的标题!

我没有访问PHP代码(至极似乎是最好的解决办法...) 这里是当我有一个标题:

<body> 
    <div id="header"> 
    <a href="/"><img src="{image:Header}"/></a> 
    </div> 
</body> 

我有代码的CSS使我的头看起来好像没什么问题

回答我的问题,我想的javascript:

<body> 
    <div id="header"> 
    <script> 

var image = new Array("{image:Header}", "http://static.tumblr.com/my-other-image.jpg") 

if(document.URL.indexOf("/") >= 0) { 
    image.src = "{image:Header}" 
    } 

if(document.URL.indexOf("/tagged/mytag1") >= 0) { 
    image.src = "http://static.tumblr.com/my-other-image.jpg" 
    } 

    </script>    
    </div> 
</body> 

显然它不工作,你可能会笑凝视着g我写了什么... 因为我只有3或4页我想改变,我可以用代码太多的“脏解决方案”,我只是觉得我需要一个“其他”所有其他网页!

谢谢你告诉我如何使它工作,并抱歉花一些时间来完成这样一个简单的事情,这可能甚至不可能。很抱歉用我可怕的英语谈论我的生活。

谢谢

回答

1

,你必须创建一个image元素,然后追加到dom

<body> 
    <div id="header"></div> 
    <script> 
     var uris = ["{image:Header}", "http://static.tumblr.com/my-other-image.jpg"]; 
     var image = document.createElement("img"); 
     if (document.URL.indexOf("/") >= 0) { 
      image.src = uris[0] 
     } 
     if (document.URL.indexOf("/tagged/mytag1") >= 0) { 
      image.src = uris[1] 
     } 
     document.getElementById("header") 
      .appendChild(image); 
    </script> 
</body> 
+0

哎,非常感谢你的问题:什么是'的document.getElementById( “头”) 。 appendChild(image);'do? – user1871350

+0

完美作品 – user1871350

+0

@ user1871350他们做他们看起来像。 – island205