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

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

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

<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 2

在 HTML 中的页面上放置一个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 3

试试这个

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

Answer 4

试试这个 ：     

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