Javascript 使用jQuery更改iFrame背景

我之所以使用这段代码，是因为我需要保存从名为rds的选择字段中选择的背景。该函数还保存一个cookie，因此每次加载页面时，我都可以看到我选择的背景

问题出在包含$'dado'的行上，其中'dado'是我的iframe的名称

var setBackground = function(bgImg) {
    $.cookie('bgImg', bgImg, { expires: 720 });
    $('body').css('background-image', 'url(http://mk7vrlist.altervista.org/backgrounds/' + bgImg + ')');
    $('dado').contents().find('body').css('background-image', 'url(http://mk7vrlist.altervista.org/backgrounds/' + bgImg + ')');
}

$(function() { 
    $('#rds').change(function() {
        setBackground($(this).val());
    });
    setBackground($.cookie('bgImg'));
});

使用代码above，我可以更改并保存我的身体背景，但iframe上加载的页面背景却不能

<iframe id="dado" src="http://mk7vrlist.altervista.org/link.html" width="100%" height="840px" frameBorder="0">
  Your browser doesn't load the iframes.
</iframe>

---

我总是加载服务器上托管的页面。我能做些什么？

要以标签的“id”为目标，您应该使用。用您的代码替换以下代码并检查

$('#dado').contents().find('body').css('background-image', 'url(http://mk7vrlist.altervista.org/backgrounds/' + bgImg + ')');

---

来源：

您确定不应该是$'dado'吗？还要注意，相同来源的策略也适用于iFrame。