首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:57:22 473

今天介绍,在主页面如何更新所有iframe的样式,经验不方便写代码,因此,小编统一采用截图的方式来处理,希望对你有用。rqZ办公区 - 实用经验教程分享!

工具/原料

  • sublime编辑器
  • 浏览器

方法/步骤

  • 1

    编写主页面的html文档,创建两个iframe,并实现对应的按钮点击事件,点击事件中处理所有iframe的样式切换。rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

  • 2

    以下是本次测试的文件清单,3个html,5个css,1个js文件rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

  • 3

    切换之前,page1、page2分别使用的样式文件为:page1.css、page2.csss,下面是预览效果。rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

  • 3相关内容未经授权抓取自百度经验
  • 4

    点击【按钮】,触发事件,进行样式切换rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

  • 5

    切换之后的效果如下rqZ办公区 - 实用经验教程分享!

    如何更改全部iframe页面全局css样式表切换rqZ办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!rqZ办公区 - 实用经验教程分享!


    标签: CSSJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码