在JavaScript中,父子页面之间相互交互,父页面可以调用子页面方法,子页面也可以调用父页面方法。那么,如何实现刷新父页面的方法?

工具/原料

  • JavaScript
  • jquery
  • HTML5
  • CSS3
  • HBuilderX
  • WPS
  • 浏览器
  • 截图工具

方法/步骤

  1. 1

    双击打开HBuilderX工具,新建页面文件refresh.html

  2. 2

    打开文件并引入jquery核心文件,在主体元素中插入iframe

  3. 3

    保存代码并运行文件,打开浏览器,可以查看到iframe中嵌套一个表格

  4. 4

    在子页面中,添加一个刷新按钮,并添加刷新事件,使用parent.location.reload()

  5. 5

    再次保存代码并刷新浏览器,点击刷新按钮,发现可以刷新父页面

  6. 6

    还可以将上述方法改为window.opener.location.reload(),然后保存查看

    END

总结

  • 1、新建页面文件

    2、插入iframe元素

    3、添加src属性添加

    4、子页面刷新父页面

    5、保存预览效果

    END

注意事项

  • 注意如何使用JavaScript刷新父页面
  • 注意刷新父页面的几种方法
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。