1

我的网站中有这个 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 中。我怎样才能改变maindome.html背景bgframe5.png？我也必须改变 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，当我按下按钮时（如果正确的话）我怎么能调用这个函数呢？

4

2 回答 2

2

首先这条线是不正确的：

    $('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);

 });
});
于 2013-09-01T23:13:42.347 回答
1

jsFiddle 演示

HTML

<button id="btn">Hi</button>
<iframe id="dado" src="google.com" width="100%" height="840px" frameBorder="0">
   Your browser doesn't load this iframe.
</iframe>

JavaScript

$('#btn').click(function(){
   $('iframe').contents().find('body').css('background-image', 'url(http://lorempixel.com/400/200/)');
});
于 2013-09-01T23:18:22.647 回答