iframe 的页面方法调用学习

最新推荐文章于 2024-02-22 16:42:06 发布

人间草木96

最新推荐文章于 2024-02-22 16:42:06 发布

阅读量873

点赞数

分类专栏：面试总结

本文链接：https://blog.csdn.net/qq_43258252/article/details/103033663

版权

这篇博客探讨了iframe中页面之间的方法调用，包括从外部调用iframe内容及iframe调用外部的方法。作者分享了遇到的两个关键问题：一是iframe未加载完成导致的报错，解决方案是为iframe添加onload事件；二是本地文件系统访问限制问题，通过使用Live Server或Nginx服务器来解决。

摘要由CSDN通过智能技术生成

外部调用iframe里的方法

document.getElementById('test21').contentWindow.saveData()

window.test21.saveData();
// test21是iframe的name值

iframe里的界面调用外部界面方法

window.parent.fnTest20()

效果图

父html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatibl

最低0.47元/天解锁文章

人间草木96

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
iframe 的页面方法调用学习

外部调用iframe里的方法document.getElementById('test21').contentWindow.saveData()window.test21.saveData();// test21是iframe的name值iframe里的界面调用外部界面方法window.parent.fnTest20()效果图父html...
复制链接

扫一扫

专栏目录