JS动态添加iframe的代码


Posted in Javascript onSeptember 14, 2015

一般对于ie9以上的浏览器、chrome等浏览器都可以支持

var iframe = document.createElement('iframe'); 
iframe.src="https://3water.com";  
document.body.appendChild(iframe);

但考虑浏览器的兼容性问题可以使用下面的代码

try{  
   var iframe = document.createElement('<iframe name="ifr"></iframe>');  
  }catch(e){ 
    var iframe = document.createElement('iframe');  
    iframe.name = 'ifr';  
 }

或者

if(ie && version < 9) {
  var iframe = document.createElement('<iframe src="https://3water.com"></iframe>');
} else {
  var iframe = document.createElement('iframe');
  iframe.setAttribute('src','https://3water.com');
}
Javascript 相关文章推荐
javascript Onunload与Onbeforeunload使用小结
Dec 31 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
javascript利用控件对windows的操作实现原理与应用
Dec 23 Javascript
js快速排序的实现代码
Dec 08 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
Css3制作变形与动画效果
Jul 24 Javascript
JavaScript获取对象在页面中位置坐标的方法
Feb 03 Javascript
原生js实现放大镜
Feb 20 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
Mar 06 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
TS 类型兼容教程示例详解
Sep 23 Javascript
javascript实现在指定元素中垂直水平居中
Sep 13 #Javascript
window.onload使用指南
Sep 13 #Javascript
JS+CSS简单树形菜单实现方法
Sep 12 #Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 #Javascript
JS实现超精简响应鼠标显示二级菜单代码
Sep 12 #Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 #Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
Sep 12 #Javascript
You might like
php中获取关键词及所属来源搜索引擎名称的代码
2011/02/15 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
php使用CURL伪造IP和来源实例详解
2015/01/15 PHP
浅谈PHP中的错误处理和异常处理
2017/02/04 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
js实现字符串的16进制编码不加密
2014/04/25 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
2018/04/11 jQuery
npm 下载指定版本的组件方法
2018/05/17 Javascript
jquery实现聊天机器人
2020/02/08 jQuery
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
Python过滤函数filter()使用自定义函数过滤序列实例
2014/08/26 Python
Python构造函数及解构函数介绍
2015/02/26 Python
详解Python编程中包的概念与管理
2015/10/16 Python
Python实现Linux命令xxd -i功能
2016/03/06 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
Python Unittest根据不同测试环境跳过用例的方法
2018/12/16 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
Python reques接口测试框架实现代码
2020/07/28 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
联想德国官网:Lenovo Germany
2018/07/04 全球购物
函授毕业自我鉴定
2013/12/19 职场文书
学生偷窃检讨书
2014/09/25 职场文书
员工辞职信怎么写
2015/02/27 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
医院保洁员管理制度
2015/08/05 职场文书
Python OpenCV超详细讲解基本功能
2022/04/02 Python