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 相关文章推荐
用js实现多域名不同文件的调用方法
Jan 12 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
javascript中创建对象的三种常用方法
Dec 30 Javascript
JS正则表达式大全(整理详细且实用)
Nov 14 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
Apr 12 Javascript
Bootstrap按钮组件详解
Apr 26 Javascript
解决Window10系统下Node安装报错的问题分析
Dec 13 Javascript
JavaScript中七种流行的开源机器学习框架
Oct 11 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
基于Fixed定位的框选功能的实现代码
May 13 Javascript
小程序实现左滑删除的效果的实例代码
Oct 19 Javascript
Vue——前端生成二维码的示例
Dec 19 Vue.js
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
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
学习php设计模式 php实现命令模式(command)
2015/12/08 PHP
理解Javascript_10_对象模型
2010/10/16 Javascript
原生js实现shift/ctrl/alt按键的获取
2013/04/08 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
JavaScript-html标题滚动效果的简单实现
2016/09/08 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
2018/02/01 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
vue无限轮播插件代码实例
2019/05/10 Javascript
微信小程序实现轨迹回放的示例代码
2019/12/13 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
教你学会使用Python正则表达式
2017/09/07 Python
python实现排序算法解析
2018/09/08 Python
详解Python列表赋值复制深拷贝及5种浅拷贝
2019/05/15 Python
Python 实现的 Google 批量翻译功能
2019/08/26 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
Pytorch 保存模型生成图片方式
2020/01/10 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
基于Python实现简单学生管理系统
2020/07/24 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
关于幼儿的自我评价
2013/12/18 职场文书
办公室综合文员岗位职责范本
2014/02/13 职场文书
毕业晚会主持词
2014/03/24 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
班主任2015新年寄语
2014/12/08 职场文书
见习期个人总结
2015/03/05 职场文书
婚礼长辈答谢词
2015/09/29 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
详解Redis主从复制实践
2021/05/19 Redis
SQL使用复合索引实现数据库查询的优化
2022/05/25 SQL Server