如何通过JavaScript获取iframe中元素的值-js教程-PHP中文网

需求分析 假如我们项目有a，b两个HTML，a.html 如何获取到 b.html中元素的值呢？

具体实现 b页面有个 input

a页面HTML代码：

a页面JavaScript代码：

//为什么用 window.onload 下面会详解window.onload = function () { //先取到iframe var b= document.getElementById("b"); //通过iframe取其b.html上的值 var hh= b.contentDocument.getElementsByName("hh")[0].value; //弹出消息, 查看正确与否 alert(hh); } window.onload：页面所有资源加载完毕执行 $ (document).ready(function(){})（相当于jQuery中的 $ (function(){}) ）：页面的DOM节点创建完毕执行 如果使用 $(document).ready(function(){}) 会取不到值，为什么，答案很明显了： iframe 节点虽然创建完毕，但是页面资源没加载完毕，但是这时候JS代码马上执行，结果就是取不到值，而 window.onload 会等页面资源全部加载完毕再执行JS代码 感谢阅读