使用 jQuery 随机化元标记中的 url？

Question

我正在使用以下元标记来加载 iPhone Web 应用程序的启动图像：

<link href="apple-touch-startup-image-640x920.png" rel="apple-touch-startup-image">

我想做的是在页面加载时随机化图像路径（01.png、02.png、03.png等），例如：

<link href="random image path here" rel="apple-touch-startup-image">

有人知道如何用 jQuery 做到这一点吗？

Answer 1

要从 JavaScript 数组中获取随机对象，您可以使用：

var randomItem = arr[Math.floor(Math.random()*arr.length)]

将此与您的要求结合起来，您可以这样做：

;(function($, window, document, undefined){
        $(function(){
            var images = ['01.png', '02.png', '03.png'];
            $("[rel='apple-touch-startup-image']").attr("href", images[Math.floor(Math.random()*images.length)]);
        });
})(jQuery, this, document);