Javascript 如果 url 然后图像答案

【问题标题】：Javascript if url then imageJavascript 如果 url 然后图像
【发布时间】：2024-05-19 08:35:02
【问题描述】：

您好， 我对 javascript 了解不多，具体一点也不知道，而且我是法国人（这意味着对不起我的英语）。

因为我对 html 和所有内容都不太了解，所以我只是在 tumblr 现有主题上更改 css 和 html（我知道这不是最好的解决方案，但它对我有用，我正在慢慢改进我的关于这个世界的知识）

因此，在 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 页我想更改，所以我可以接受带有太多代码的“肮脏解决方案”，我只是认为我需要为所有其他页面添加一个“else”！

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

谢谢

【问题讨论】：

标签： javascript image url tumblr

【解决方案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>

【讨论】：

嘿，非常感谢你的问题：document.getElementById("header") .appendChild(image); 是做什么的？
@user1871350 他们做他们看起来的样子。