程序博客网 > 谷歌浏览器 mac版

iframe的父子页面间的数据访问问题

来源：互联网发布：谷歌浏览器 mac版编辑：程序博客网时间：2024/04/29 17:43

最近有使用到iframe与父页面的传值问题，怕忘记所以记录下来

页面如

父页面A.html

<html>

<script>

var name="LISI";

</script>

<input type="text" id="name" name="name"/>

<iframe id="dataiframe0" src="B.html" ></iframe>
</html>

子页面B.html

<html>

<body>

<input type="text" id="name" name="name"/>

</body>

</html>

1.子页面取父页面的值

如果是取页面组件可以使用window.parent.document.getElementById("name");

如果是取js中定义的变量则可以使用window.parent.name

2.父页面去iframe中的值

var farme0=document.getElementById("dataiframe0").contentWindow;
var n=farme0.document.getElementById("name");
name=eval(n).value;//不能省

0 0

谷歌浏览器 mac版

谷歌浏览器 mac版

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子海鲜酱配方海鲜皮皮酱popo 海鲜烧烤酱海鲜酱的用法大全海鲜酱哪个牌子好海鲜酱多少钱海鲜酱的做法大全海鲜酱图片海鲜酱炒饭海鲜酱牌子海鲜酱制作家乐海鲜酱海鲜酱蒜香炖豆腐甜面酱海鲜酱怎样做海鲜酱海鲜蘸酱海天海鲜酱多少钱海鲜酱吃法红烩海鲜酱什么海鲜酱好吃海鲜酱的吃法香辣海鲜酱 xo海鲜酱炒饭厨帮海鲜酱海鲜酱的制作海鲜酱的味道海鲜酱作用海鲜酱制作方法炒海鲜用什么酱海鲜酱英文海鲜酱焖鹅海鲜酱的制作方法海天牌海鲜酱李锦记海鲜酱怎么用海天海鲜酱桶装火锅海鲜酱做法海鲜酱英文火锅调料海鲜酱火锅海鲜酱的做法大全海天海鲜酱保质期做海鲜用什么酱