分享iframe标签注意问题-html教程-PHP中文网

分享iframe标签注意问题

黄舟

发布： 2017-07-21 11:43:18

原创

1623人浏览过

子页面访问父父页面变量，函数，页面元素

//变量：　　　　
//在父页面中需定义为全局变量　　　　
//子页面中调用　　　　
var childFrameVar= parent.ParentVarName;
　//函数:　　　　
　parent.ParentMethodName();
　
　//页面元素:　　　　
　//通过获取document对象，来对页面元素进行操作　　　　
　parent.document
　　　　parent.window.document

登录后复制

父页面访问子页面函数，页面元素

//函数
　　　　//做出以下尝试，但alert出来的信息均为undefine　　　　
　　　　FrameName.window.childMethodName();
　　　　document.getElementById('FrameId').contentWindow.childMethod();
　　　　
　　　　//页面元素　　　　
　　　　FrameName.window.document
　　　　document.getElementById('FrameId').contentWindow.document
　　　　document.getElementById('FrameId').contentDocument

登录后复制

注意事项

　　　　要确保在iframe加载完成后再进行操作，如果iframe还未加载完成就开始调用里面的方法或变量，会产生错误。

　　　　尽量在不要在父页面中调用子页面中的页面元素或函数，所有涉及的交互操作尽量放在子页面中来完成。　

LOVESTUdio多校园网络店铺

主要更新介绍：完美整合Discuz!论坛，实现一站式登陆、退出、注册；同步所有会员资料；新增购物车功能，商品购买更加方便、快捷；新增部分快捷菜单，网站访问更加方便；限制首页商品、店铺标题显示长度；修正会员后台管理不能更改密码的错误；完善商品显示页面所有功能链接；修正后台标签管理部分错误；修正前台学校列表不按后台顺序显示的错误；修正搜索功能中学校名称过长导致显示紊乱的现象；修正