Javascript如果网址然后图像

时间:2012-12-03 01:55:14

标签: javascript image url tumblr

您好 我对javascript一点都不太了解,具体来说并不多,而且我是法语(这对我的英语很抱歉)。

因为我不太了解html和所有内容,所以我只是在tumblr现有主题上更改css和html(我知道它不是最好的解决方案,但它&#39) ;为我工作,我慢慢改善我对这个世界的了解)

所以在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>
显然它没有用,你可能会笑着看我写的东西...... 因为我只有3或4页我想改变,所以我可以使用&#34;脏解决方案&#34;有太多的代码,我只是认为我需要一个&#34;否则&#34;对于所有其他页面!

感谢您告诉我如何让它发挥作用,并且抱歉花些时间做一些简单的事情,这可能是不可能的。抱歉用可怕的英语谈论我的生活。

谢谢

1 个答案:

答案 0 :(得分: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>