Question

我使用JavaScript在刷新时随机更改背景图像。我一直想做的就是拿走当前的background-image网址并将其粘贴到

中的某个div中

<a href=""></a>

以便人们可以下载图像。

背景图片脚本有效，如下所示：

var totalCount = 3;
function ChangeIt() 
{
    var num = Math.ceil( Math.random() * totalCount );
    document.body.background = 'bgimages/'+num+'.jpg';
    document.body.style.backgroundRepeat = "repeat";// Background repeat
}

很抱歉，如果这很容易，但我无法弄清楚如何做到这一点！有人能指出我正确的方向吗？

Answer 1

在您的网页上放置一个DIV，然后使用...

切换内容

document.getElementById("[ID of DIV]").innerHTML = '<a href="' + [link_var] + '">' + [text_var] + '</a>';

像这样......

document.getElementById("[ID of DIV]").innerHTML = '<a href="bgimages/' + num + '.jpg">Image #' + num + '</a>';

Answer 2

假设您在文档中的某个位置有此链接，并且您希望它指向当前的背景图像：

<a href='#' id='bgDownload'>Download background image</a>

以下函数现在改变了当前背景和背景本身链接的“href” - 属性：

var totalCount = 3;
function ChangeIt() 
{
    var num = Math.ceil( Math.random() * totalCount );
    document.body.background = 'bgimages/'+num+'.jpg';
    document.body.style.backgroundRepeat = "repeat";// Background repeat

    // change link
    document.getElementById("bgDownload").href = 'bgimages/'+num+'.jpg';
}

我希望它有所帮助...

Answer 3

试试这个

<a href='javascript:window.location.href=document.body.background'>
   Download Background
</a>

Answer 4

试试这个：

function downloadImage{ 
    window.open(document.body.background,'_blank'); 
   }

我可以更改背景图片，但如何打印链接？

4 个答案: