javascript - 在页面加载时更改 div 内容

Question

我正在寻找一种解决方案，其中 div 内容在页面加载时随机变化。很像页面加载时的 JavaScript 图像。我在下面的代码中做了进一步的注释。

我可以在页面加载时使用 JavaScript 随机化图像等内容，但这里是 div，我不知道如何更改其中的内容。

<div class="row BSlots">
    <div class="Grid_4 fl">
        /* This would be the code which would change */
        /* For example once it would be <div class="hello"><p>Hi</p></div> and the other <iframe="Link"/> */
    </div>
    <div class="Grid_4 fr">
        <script>Widget2(); /* Don't mind this, loading an actual JS image randomizer here */</script>
    </div>
</div>

不使用JS可以实现吗？如果没有，我会很感激一个我可以摆弄的基本示例:)

Answer 1

是的，无需 JavaScript 即可实现。这取决于您使用哪种服务器端技术。您可以创建一个模板并插入服务器端赎金图像标签。也可以通过 javascript 来完成。如果你想使用 jQuery，你可以这样做:

$(function(){
  $(".Grid_4 fl").html(generateRandomImageHtml());
});