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筛选器children()案例详解(图文)
Feb 17 Javascript
JS实现根据当前文字选择返回被选中的文字
May 21 Javascript
js字符串操作方法实例分析
May 06 Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
微信小程序progress组件使用详解
Jan 31 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
性能优化篇之Webpack构建速度优化的建议
Apr 03 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
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
理解javascript闭包
2015/12/15 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
2015/12/19 Javascript
详解Bootstrap插件
2016/04/25 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
2016/06/12 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
常用的javascript设计模式
2017/01/11 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
微信小程序实现换肤功能
2018/03/14 Javascript
JavaScript中发出HTTP请求最常用的方法
2018/07/12 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
vue实现循环滚动列表
2020/06/30 Javascript
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
Python爬虫实现爬取京东手机页面的图片(实例代码)
2017/11/30 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
韩国11街:11STREET
2018/03/27 全球购物
日本索尼音乐商店:Sony Music Shop
2018/07/17 全球购物
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
广告学专业毕业生自荐信
2013/09/24 职场文书
《争吵》教学反思
2014/02/15 职场文书
保护环境演讲稿
2014/05/10 职场文书
雷人标语集锦
2014/06/19 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python