Question

keywords = [
    "http://www.website-for-hair.com/", 
    "http://www.website-for-shoes.com/"
]
var keyword = keywords[Math.floor(Math.random()*keywords.length)]

document.write('<a href="'+keyword+'"><img src="http://i.imgur.com/test.jpg" title="Test Title" /></a>');

上面的代码工作正常，但它只旋转域。我现在需要为每个网站添加单个图像，然后一起使用+keyword+输出域+图像？

Answer 1

这是一种类似于你以前做过的方式：

var websites = [
    { url: "http://site1.com", image: "http://site1.com/logo.png" },
    { url: "http://site2.com", image: "http://site2.com/logo.jpg" }
];

var website = websites[Math.floor(Math.random * websites.length)];

document.write(
    '<a href="' + website.url + '">' +
    '<img src="' + website.image + '" title="foo" />' +
    '</a>'
);

Answer 2

您可以使用列表列表。

该列表中包含的每个列表都会存储URL（位置0，keywords[random_index][0]）及其对应的图像源（位置1，keywords[random_index][1]）。

您还应该将您生成的随机索引存储在变量中，以确保始终访问相同的子列表。

例如：

keywords = [
    ["http://www.website-for-hair.com/", "imgA"], 
    ["http://www.website-for-shoes.com/", "imgB"]
]

var random_index = Math.floor(Math.random()*keywords.length);
var keyword = keywords[random_index][0];
var image = keywords[random_index][1];

document.write('<a href='+keyword+'><img src='+image+' title="Test Title" /></a>');

Javascript添加单个图像

2 个答案: