`
xplq
  • 浏览: 89884 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

日积月累-----Iframe

阅读更多
小问题引来大思考

制作类似于fck编辑器,发现里面又到iframe,发现原来iframe是这样用的,真的适合自己日积月累啊!呵呵
1、调用
调用不是document.getElementById('fck'),而是,window.frames['f'],以前没有接触,实在汗。。。。
2、可编辑状态:
window.frames['f'].document.designMode='on';,居然还可以编辑,又是汗。。。
3、获取内容:
var b=window.frames['f'].document.getElementsByTagName('body')[0];
alert(b.innerHTML);
4、问题:
function fck()
{
//	document.getElementById('fck').document.designMode='on';
window.frames['f'].document.designMode='on';
window.frames['f'].document.canHaveHTML=true;
try{
var b=window.frames['f'].document.getElementsByTagName('body')[0];
//alert(b);
alert(b.innerHTML);
}catch(e)
{
}
}
</script>

下面用button要点击二次后,才能正确,实在不知为何,只能在窗体加载时先调用一次如:
<body onload="fck()">
<iframe id="f" src="context.html"></iframe>
<input type="button" onclick="fck()" value="获取frame的值"/>
</body>

这样解决了,但是怪怪的,各位仁兄有没有更高的办法呢。。。
同时,非IE获取iframe是不是:window.frames["frameName"].document?
高手莫笑。。。。。。
  • iframe.rar (958 Bytes)
  • 描述: iframe细节
  • 下载次数: 223
分享到:
评论
7 楼 冯冀川 2008-06-17  
不管哪个浏览器访问iframe,直接frames['framename'].document,就可以了吧,至少我一直这么写的没有发现有什么问题;

至于跨域的问题可以让iframe中的document.domain和父页面中的document.domain设置一样;

IE下将页面设置成可编辑状态是document.body.contentEditable = true;
非IE的浏览器是document.designMode="on";
6 楼 zcfg 2008-06-02  
stworthy 写道
要注意IE和FF中对IFRAME访问的不同。



一样的 只要用name来访问就行了 如window.top.ifrm.document 不要用括号
5 楼 stworthy 2008-06-02  
IE可以用document.frames["frameName"]
FF必须用document.getElementById("frameName").contentWindow
4 楼 ggmmaallee 2008-06-02  
不能跨域,自娱自乐?
3 楼 xplq 2008-05-30  
仁兄,怎么解决在FF中获取Iframe啊?
2 楼 xplq 2008-05-30  
stworthy 写道
要注意IE和FF中对IFRAME访问的不同。

谢谢提醒,现在正在考虑这个问题,呵呵
1 楼 stworthy 2008-05-30  
要注意IE和FF中对IFRAME访问的不同。

相关推荐

Global site tag (gtag.js) - Google Analytics