用Jquery实现在iframe中更换首页背景图片（皮肤）

最新推荐文章于 2023-05-15 18:48:22 发布

HurtSomebody

最新推荐文章于 2023-05-15 18:48:22 发布

阅读量2.3k

点赞数

分类专栏： CSS asp.net HTML 文章标签： css CSS Css 更换皮肤更换背景图片

本文链接：https://blog.csdn.net/HurtSomebody/article/details/8276174

版权

先有一个主页A，一个iframe页B，B嵌套在A中，现要实现在B中点击按钮实现更换A的皮肤。

在B中要设置A的背景图片最重要的是获取A的页面节点，Jquery中获得A页面节点是：$(window.parent.document)

如果是要设置A的背景图片Jquery代码可以是这样：$(window.parent.document).find("body").css("background", "url(图片地址)"); 如果是要改变A的带有id为father的div背景图片Jquery代码可以是这样：$(window.parent.document).find("#father").css("background", "url(图片地址)");

具体演示代码如下:

A页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    one
    <iframe width="100%" height="50" src="/B.html" style="border:0;"></iframe>
    two
    <div id="father" style=&

最低0.47元/天解锁文章

HurtSomebody

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
用Jquery实现在iframe中更换首页背景图片（皮肤）

先有一个主页A，一个iframe页B，B嵌套在A中，现要实现在B中点击按钮实现更换A的皮肤。在B中要设置A的背景图片最重要的是获取A的页面节点，Jquery中获得A页面节点是：$(window.parent.document)如果是要设置A的背景图片Jquery代码可以是这样：$(window.parent.document).find("body").css("background",
复制链接

扫一扫