IE中document.createElement的iframe无法设置属性name的解决方法


Posted in Javascript onSeptember 14, 2015

iframe 的name可以是link或者form的target,将link或form打开到这个iframe上。
之前在IE遇到过设置不了iframe的name属性

JavaScript代码

var iframe = document.createElement('iframe');  
iframe.name = 'ifr';  
//iframe.setAttribute('name', 'ifr'); //这样也不行

上面两种方式都无法设置。后来找到原来也可以这样创建

JavaScript代码

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

这样在IE中就没问题了,但这种方式在firefox中是无办法通过的。所以最后

JavaScript代码

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

这样就兼容了。

Javascript 相关文章推荐
日历查询的算法 如何计算某一天是星期几
Dec 12 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 Javascript
jquery实现弹出窗口效果的实例代码
Nov 28 Javascript
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 Javascript
浅析JavaScript回调函数应用
May 22 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
Jun 07 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
Feb 22 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
Mar 12 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 #Javascript
IE9+已经不对document.createElement向下兼容的解决方法
Sep 14 #Javascript
JS动态添加iframe的代码
Sep 14 #Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 #Javascript
window.onload使用指南
Sep 13 #Javascript
JS+CSS简单树形菜单实现方法
Sep 12 #Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 #Javascript
You might like
php获取linux命令结果的实例
2017/03/13 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
php生成复杂验证码(倾斜,正弦干扰线,黏贴,旋转)
2018/03/12 PHP
JS动画效果代码3
2008/04/03 Javascript
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
js实现的切换面板实例代码
2013/06/17 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
nodejs实现bigpipe异步加载页面方案
2016/01/26 NodeJs
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
Three.js学习之网格
2016/08/10 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
xmlplus组件设计系列之树(Tree)(9)
2017/05/02 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
JS模拟浏览器实现全局搜索功能
2019/09/11 Javascript
详解JavaScript 异步编程
2020/07/13 Javascript
Python创建系统目录的方法
2015/03/11 Python
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
分析Python中解析构建数据知识
2018/01/20 Python
python Opencv将图片转为字符画
2021/02/19 Python
利用anaconda作为python的依赖库管理方法
2019/08/13 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
北承题目(C++)
2012/05/16 面试题
2019史上最全Database工程师题库
2015/12/06 面试题
vue项目实现分页效果
2021/03/24 Vue.js
企业安全生产承诺书
2014/05/22 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
小学语文新课改心得体会
2016/01/22 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
关于使用Redisson订阅数问题
2022/01/18 Redis