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生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
javascript轻松实现当鼠标移开时已弹出子菜单自动消失
Dec 29 Javascript
JQuery each()嵌套使用小结
Apr 18 Javascript
XML文件转化成NSData对象的方法
Aug 12 Javascript
jQuery事件委托之Safari
Jul 05 Javascript
深入浅出ES6之let和const命令
Aug 25 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
JavaScript实现轮播图效果代码实例
Sep 28 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 strnatcmp()函数的用法总结
2013/11/27 PHP
windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
2014/01/14 PHP
Linux下安装oracle客户端并配置php5.3
2014/10/12 PHP
PHP内存缓存Memcached类实例
2014/12/08 PHP
Javascript hasOwnProperty 方法 &amp; in 关键字
2008/11/26 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
2016/09/28 Javascript
快速掌握jQuery插件WebUploader文件上传
2016/11/07 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
Vue.JS项目中5个经典Vuex插件
2017/11/28 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
python装饰器深入学习
2018/04/06 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
python使用xlrd模块读取xlsx文件中的ip方法
2019/01/11 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
python装饰器练习题及答案
2019/11/01 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
如何利用python检测图片是否包含二维码
2020/10/15 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
Django实现简单的分页功能
2021/02/22 Python
canvas学习总结三之绘制路径-线段
2019/01/31 HTML / CSS
Puma印度官网:德国运动品牌
2019/10/06 全球购物
幼儿园实习自我鉴定
2013/12/15 职场文书
大学生实习思想汇报
2014/01/12 职场文书
公司端午节活动方案
2014/02/04 职场文书
《草原》教学反思
2014/02/15 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
MySQL分库分表详情
2021/09/25 MySQL
利用Python实现模拟登录知乎
2022/05/25 Python