如果你想动态创建一个iframe

如果你想动态的在页面创建一个iframe,并且取得iframe的document,和 window.

并且在iframe中插入一个script标签。

//我尝试了各种创建方法,比较难搞定的是 ie8 和 window,IOS 下firefox标签不太一样。

//一个兼容的办法大约是这样。

var iframe = document.createElement('iframe');
var iframedocument;
var iframeWindow;
document.body.appendChild(iframe);


if(iframe.document){ //ie 8 chrome opera Safari (windows)

    iframedocument = iframe.document;//contentWindow.document;
    iframeWindow = iframe.contentWindow;
    var script = iframedocument.createElement('script');
    script.src = "/common_info/js/mx.im.inPoll.js";
    iframedocument.getElementsByTagName('head')[0].appendChild(script);

}else{
    // chrome opera Safari firefox (windows and os)
    iframedocument =  iframe.contentDocument;//contentWindow.document;
    iframeWindow = iframe.contentWindow;
    iframedocument.open();
    iframedocument.write('<html><head><title>im in_poll</title><script type="text/javascript" src="common_info/js/mx.im.inPoll.js"></script></head><body></body></html>');
    iframedocument.close();
}

记录下,代码并没有做整理。

你可能遇到的错误:

IE8 在获取 iframe.contextDocument的时候报错“没有访问权限”(尼玛,实在不知道是怎么回事,在本机用IP测试OK,可能跟 iframe.readyState 有关系,尝试setInterval 获取依然失败)。

你可能尝试使用iframe.onload 中执行一些代码,但是IE8宣告不会触发这个事件。不知是不是没有设置 src的问题。(我的实例中不需要src,故没有设置)

firefox 在 windows 和 IOS中的表现不太一样。 实际是 else 中的代码 几乎可以平稳运行90%浏览器,if块中针对下IE。

  

posted @ 2012-11-15 10:52  Jun.lu  阅读(9276)  评论(0编辑  收藏