Iframe 父子页面元素调用

了解下 iframe 父子页面元素调用的几种方法。

• 获取 iframe 内元素
• 获取 iframe 外元素
• 调用 iframe 外方法

获取 iframe 内元素

• Javascript

// 方法1
let text = document.getElementById("iframeId").contentWindow.document.getElementById("iframe 内元素 id").value;
// 方法2
let text = window.frames['frameName'].document.getElementById("iframe 内元素 id").value;

• jquery

// 方法3
let text = $("#iframeId").contents().find("#iframe 内元素 id").val();
// 方法4
let text = $("#iframe 内元素 id", window.frames["frameName"].document).val();

获取 iframe 外元素

// 方法1 javascript
let text = window.parent.document.getElementById('iframe 外元素 id').value;
// 方法2 jquery
let text = $('#iframe 外元素 id', parent.document).val();

调用 iframe 外方法

parent.iframeOutFunc()

最近更新

Alfred Workflow 命令行帮助工具

最近热读

Go 判断数组中是否包含某个 item

Vim 高级功能 vimgrep 全局搜索文件

办理北京工作居住证的一些细节

Go 语法错误：Non-declaration statement outside function body

Mac 电脑查看字体文件位置

扫码关注公众号，或搜索公众号“温欣爸比” 及时获取我的最新文章

赏

谢谢你请我喝咖啡

支付宝

微信