如何更改全部iframe页面全局css样式表切换

2025-06-02 04:39:30

1、编写主页面的html文档,创建两个iframe,并实现对应的按钮点击事件,点击糙怍牢莱事件中处理所有iframe的样式切换。

如何更改全部iframe页面全局css样式表切换
如何更改全部iframe页面全局css样式表切换
如何更改全部iframe页面全局css样式表切换

2、以下是本次测试的文件清单,3个html,5个css,1个js文件

如何更改全部iframe页面全局css样式表切换
如何更改全部iframe页面全局css样式表切换

3、切换之前,page1、page2分别使用的样式文件为:page1.css、page2.csss,下面是预览效果。

如何更改全部iframe页面全局css样式表切换

4、点击【按钮】,触发事件,进行样式切换

如何更改全部iframe页面全局css样式表切换

5、切换之后的效果如下

如何更改全部iframe页面全局css样式表切换
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢