javascript - 更改 iframe src 路径页面的背景

Question

我的网站中有这段 HTML 代码:

<iframe id="dado" src="other/maindome.html" width="100%" height="840px" frameBorder="0">
  Your browser doesn't load this iframe.
</iframe>

当我使用函数 apri() 时，我正确地更改了 iframe src 路径。

function apri(dat) {
document.getElementById('dado').src= dat;
}

页面other/maindome.html(例如)有一个名为bgframe2.png的背景，这个页面显示在iframe中。如何用 bgframe5.png 更改 maindome.html 背景？我也必须更改 maindome 的不透明度。

<script>
$(document).ready(function(){
        $('iframe').contents().find('body').css('backgroundImage', 'url_of_img.png');
        $('iframe').contents().find('body').css('opacity', 0.8);
    });"
</script>

我用谷歌搜索，阅读了一些在线资料，然后编写了上面的代码。顺便说一句，因为我不知道 jQuery，我怎么能在按下按钮时调用这个函数(如果它是正确的)？

Answer 1

首先这一行是不正确的:

    $('iframe').contents().find('body').css('backgroundImage', 'url_of_img.png');

应该是:

    $('iframe').contents().find('body').css('background-image', 'url(url_of_img.png)');

回复您的评论:

HTML 按钮:

 <input type='button' id='id_btn' />

JS代码:

$(document).ready(function(){

 $('#id_btn').click(function(){

    $('iframe').contents().find('body').css('background-image', 'url(url_of_img.png)');
    $('iframe').contents().find('body').css('opacity', 0.8);

 });
});