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 相关文章推荐
根据分辨率不同,调用不同的css文件
Jul 07 Javascript
javascript基础的动画教程,直观易懂
Jan 10 Javascript
推荐20家国外的脚本下载网站
Apr 28 Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
jquery实现图片上传前本地预览功能
May 10 Javascript
Centos7 中 Node.js安装简单方法
Nov 02 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
微信小程序实现自动定位功能
Oct 31 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
Apr 17 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引用计数器进行垃圾收集机制介绍
2012/09/19 PHP
php微信公众平台开发之微信群发信息
2016/09/13 PHP
thinkphp5框架调用其它控制器方法 实现自定义跳转界面功能示例
2019/07/03 PHP
javascript面向对象之Javascript 继承
2010/05/04 Javascript
js 模拟气泡屏保效果代码
2010/07/10 Javascript
jquery+json实现数据列表分页示例代码
2013/11/15 Javascript
javascript的动态加载、缓存、更新以及复用(一)
2014/06/09 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
js常用数组操作方法简明总结
2014/06/20 Javascript
Egret引擎开发指南之创建项目
2014/09/03 Javascript
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
vue中使用微信公众号js-sdk踩坑记录
2019/03/29 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
vue-property-decorator用法详解
2019/12/12 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
js+canvas实现简单扫雷小游戏
2021/01/22 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
2020/11/27 Vue.js
[01:02:55]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
在Python中操作文件之read()方法的使用教程
2015/05/24 Python
Python中表达式x += y和x = x+y 的区别详解
2017/06/20 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
Python字符串格式化输出代码实例
2019/11/22 Python
Python 生成一个从0到n个数字的列表4种方法小结
2019/11/28 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
Python 列表反转显示的四种方法
2020/11/16 Python
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
易程科技软件测试笔试
2013/03/24 面试题
职业生涯规划书基本格式
2014/01/06 职场文书
南京大屠杀观后感
2015/06/02 职场文书
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python