2012-12-03 31 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