嵌套IFrame组展示

三组嵌套IFrame结构,每组包含主IFrame和内部IFrame

此页面包含三组相同的嵌套IFrame结构,每组包含:

  • 主IFrame(带有后缀:_first, _copy1, _copy2)
  • 主IFrame内的按钮(带有后缀:_first, _copy1, _copy2)
  • 内部IFrame(带有后缀:_second, _copy1_second, _copy2_second)
  • 内部IFrame内的按钮(带有后缀:_second, _copy1_second, _copy2_second)

所有按钮在点击时会循环切换背景颜色(5种颜色循环)

1
2
3
4
5

三组相同结构

每组包含相同的嵌套IFrame结构,使用不同的后缀区分

按钮颜色切换

所有按钮点击一次改变一次颜色(5种颜色循环)

易于定位的name属性

所有IFrame和按钮都有唯一的name属性

原始组 (无后缀)

主IFrame: IFrame_first

主IFrame包含按钮: button_first

和内部IFrame: IFrame_second

副本组 1 (后缀_copy1)

主IFrame: IFrame_copy1

主IFrame包含按钮: button_copy1

和内部IFrame: IFrame_copy1_second

副本组 2 (后缀_copy2)

主IFrame: IFrame_copy2

主IFrame包含按钮: button_copy2

和内部IFrame: IFrame_copy2_second