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 相关文章推荐
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 Javascript
得到jQuery detach()后节点中的某个值实现代码
Feb 05 Javascript
JS异常处理的一个想法(sofish)
Mar 14 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 Javascript
jQuery功能函数详解
Feb 01 Javascript
jQuery动态生成表格及右键菜单功能示例
Jan 13 Javascript
详解Angular 4.x 动态创建组件
Apr 25 Javascript
Vue实现日历小插件
Jun 26 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 Javascript
vue 实现input表单元素的disabled示例
Oct 28 Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 Javascript
通过实例解析JavaScript常用排序算法
Sep 02 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.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
php引用传值实例详解学习
2013/11/06 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
理解Javascript_08_函数对象
2010/10/15 Javascript
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
JavaScript自执行闭包的小例子
2013/06/29 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
Highcharts入门之简介
2016/08/02 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
Angularjs中controller的三种写法分享
2016/09/21 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
2016/11/21 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
2017/01/19 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
python实现多线程端口扫描
2019/08/31 Python
python实现的发邮件功能示例
2019/09/11 Python
python3实现elasticsearch批量更新数据
2019/12/03 Python
python实现图片横向和纵向拼接
2020/03/05 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
美丽家庭事迹材料
2014/05/03 职场文书
专家推荐信模板
2014/05/09 职场文书
军训拉歌口号
2014/06/13 职场文书
大学生党员自我剖析材料
2014/10/06 职场文书
教师节慰问信
2015/02/15 职场文书
社区党支部承诺书
2015/04/29 职场文书
《牧场之国》教学反思
2016/02/22 职场文书
党风廉政建设心得体会
2019/05/21 职场文书
MySQL中B树索引和B+树索引的区别详解
2022/03/03 MySQL