首页 > 软件开发 > HTML >

iframe怎样重新加载子界面

来源:互联网 2023-03-16 19:15:31 377

iframe是在html中经常使用的标签,可以嵌套一些子界面,达到一个界面有多个子界面的效果,而iframe怎样重新加载界面呢260办公区 - 实用经验教程分享!

工具/原料

  • html相关知识
  • iframe的相关知识

方法/步骤

  • 1

    首先需要在body中增加一个iframe,可以给这个标签设置宽高,还可以设置位置260办公区 - 实用经验教程分享!

    iframe怎样重新加载子界面?260办公区 - 实用经验教程分享!

  • 1此文章未经许可获取自百度经验
  • 2

    然后在前台界面的某个位置增加一个点击事件onclick260办公区 - 实用经验教程分享!

    iframe怎样重新加载子界面?260办公区 - 实用经验教程分享!

  • 3

    点击事件总要对应的设置一个事件方法260办公区 - 实用经验教程分享!

    iframe怎样重新加载子界面?260办公区 - 实用经验教程分享!

  • 4

    方法内增加iframe的重载url,重新给src赋值260办公区 - 实用经验教程分享!

    iframe怎样重新加载子界面?260办公区 - 实用经验教程分享!

  • 5

    运行html界面,点击前台的按钮,触发刷新iframe的方法260办公区 - 实用经验教程分享!

    iframe怎样重新加载子界面?260办公区 - 实用经验教程分享!

  • 6

    如图可以看到界面进行了刷新,在原本iframe的地方刷新出了子界面(因一些原因,子界面展示不全)260办公区 - 实用经验教程分享!

    iframe怎样重新加载子界面?260办公区 - 实用经验教程分享!

  • 注意事项

    • iframe若是在定义时直接给src属性增加上url,初次加载时就会加载出子界面
    • iframe的位置依赖于父容器div的位置,若想要位置合理,必须增加一些自适应或者自动调整宽高的方法,或者使用一些前端的控件

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


    标签: HTML

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