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学习笔记8 用JSON做原型
Jan 11 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
jquery遍历select元素(实例讲解)
Dec 31 Javascript
jquery delay()介绍及使用指南
Sep 02 Javascript
javascript中AJAX用法实例分析
Jan 30 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
总结AngularJS开发者最常犯的十个错误
Aug 31 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
Dec 23 Javascript
浅谈使用mpvue开发小程序需要注意和了解的知识点
May 23 Javascript
vue.js项目 el-input 组件 监听回车键实现搜索功能示例
Aug 25 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
小程序实现上传视频功能
Aug 18 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
如何去掉文章里的 html 语法
2006/10/09 PHP
在Windows版的PHP中使用ADO
2006/10/09 PHP
ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整
2014/11/05 PHP
php+ajax实现无刷新数据分页的办法
2015/11/02 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
基于jquery的页面划词搜索JS
2010/09/14 Javascript
jqgrid 表格数据导出实例
2013/11/21 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
vue项目中使用scss的方法步骤
2019/05/16 Javascript
layui2.0使用table+laypage实现真分页
2019/07/27 Javascript
jQuery实现轮播图源码
2019/10/23 jQuery
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
python实现图书借阅系统
2019/02/20 Python
Django 实现图片上传和显示过程详解
2019/07/18 Python
Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签
2019/12/04 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
python报错TypeError: ‘NoneType‘ object is not subscriptable的解决方法
2020/11/05 Python
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
三个Unix的命令面试题
2015/04/12 面试题
学期自我评价
2014/01/27 职场文书
新春联欢会主持词
2014/03/24 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
慰问信模板
2015/02/14 职场文书
留学推荐信英文范文
2015/03/26 职场文书
运动会开幕式新闻稿
2015/07/17 职场文书
2015党建工作简报
2015/07/21 职场文书
剑指Offer之Java算法习题精讲二叉树的构造和遍历
2022/03/21 Java/Android