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 学习之二 属性(html()与html(val))
Nov 25 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
浅谈javascript对象模型和function对象
Dec 26 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
JavaScript数据结构与算法之栈与队列
Jan 29 Javascript
javascript实现列表切换效果
May 02 Javascript
jQuery文字提示与图片提示效果实现方法
Jul 04 Javascript
深入对Vue.js $watch方法的理解
Mar 20 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
react如何快速设置文件路径别名
Apr 28 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
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
php5数字型字符串加解密代码
2008/04/24 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
js实现的下拉框二级联动效果
2016/04/30 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
2016/06/06 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
vue cli3.0 引入eslint 结合vscode使用
2019/05/27 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
详解JavaScript中的数据类型,以及检测数据类型的方法
2020/09/17 Javascript
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
Python合并多个装饰器小技巧
2015/04/28 Python
python实现转圈打印矩阵
2019/03/02 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
Python绘制词云图之可视化神器pyecharts的方法
2021/02/23 Python
HTML5中FileReader接口使用方法实例详解
2017/08/26 HTML / CSS
canvas探照灯效果的示例代码
2018/11/30 HTML / CSS
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
工程造价专业大学生自荐信
2013/10/01 职场文书
经济管理专业毕业生推荐信
2013/11/11 职场文书
车间统计员岗位职责
2014/01/05 职场文书
中式餐厅创业计划书范文
2014/01/23 职场文书
即将毕业大学生自荐信
2014/01/24 职场文书
滞留工资返还协议书
2014/10/19 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
新员工入职欢迎词
2015/01/23 职场文书
遗嘱范文
2015/08/07 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
浅谈Go语言多态的实现与interface使用
2021/06/16 Golang
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL