动态创建iframe设置属性name问题

最新推荐文章于 2023-04-17 14:49:31 发布

deng131

最新推荐文章于 2023-04-17 14:49:31 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： IE Java 浏览器 JavaScript Google ViewUI

本文链接：https://blog.youkuaiyun.com/deng131/article/details/83907861

javascript 专栏收录该内容

138 篇文章

订阅专栏

本文探讨了在不同浏览器中创建带有name属性的iframe元素的方法，并提供了一种针对IE和Firefox等浏览器的兼容性解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常iframe的name可以是link或者form的target，将link或form打开到这个iframe上。
在js中一般采用

var iframe = document.createElement('iframe');   
iframe.setAttribute('name', 'node') or iframe.name ="node"

创建iframe,但是在不同浏览器上就出现问题了，ie6中iframe.setAttribute('name', 'node');中方式无法创建，在FF中可以创建name.

直接google解决IE方法

var iframe = document.createElement('<iframe name="node"></iframe>');

那么就需要判断浏览器类别。

网上参考方法：

　try{   
     var iframe = document.createElement('<iframe name="ifr"></iframe>');   
    }catch(e){  
        var iframe = document.createElement('iframe');   
        iframe.name = 'ifr';   
  }

感觉这种方式还是有写搓，明知有错，为什么还要try..catch呐？个人认为还是通过判断浏览器来使用不同创建方式:

var fm = document.all ? document.createElement('<iframe name="ifr"></iframe>') :
document.createElement('iframe');

参考：
[url]http://stackoverflow.com/questions/2138564/dynamic-iframe-ie-name-issue[/url]
[url]http://bytes.com/topic/javascript/answers/836613-whtas-story-document-createelement-iframe-ie[/url]