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 相关文章推荐
jqPlot Option配置对象详解
Jul 25 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
用js小类库获取浏览器的高度和宽度信息
Jan 15 Javascript
使用Jquery实现点击文字后变成文本框且可修改
Sep 21 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
JS实现页面跳转参数不丢失的方法
Nov 28 Javascript
ionic开发中点击input时键盘自动弹出
Dec 23 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
redux-saga 初识和使用
Mar 10 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
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
信用卡效验程序
2006/10/09 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
JavaScript 撑出页面文字换行
2009/06/15 Javascript
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
AngularJS指令与控制器之间的交互功能示例
2016/12/14 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
2019/03/07 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
egg.js的基本使用和调用数据库的方法示例
2019/05/18 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
Python读取指定日期邮件的实例
2019/02/01 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
Nanushka官网:匈牙利服装品牌
2019/08/14 全球购物
Farfetch巴西官网:奢侈品牌时尚购物平台
2020/10/19 全球购物
保险专业大专生求职信
2013/10/26 职场文书
师生聚会感言
2014/01/26 职场文书
《只有一个地球》教学反思
2014/02/14 职场文书
最常使用的求职信
2014/05/25 职场文书
2014年国庆节寄语
2014/09/19 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
如何解决.cuda()加载用时很长的问题
2021/05/24 Python
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript