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 相关文章推荐
js 蒙版进度条(结合图片)
Mar 10 Javascript
Jquery之美中不足小结
Feb 16 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
Dec 28 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
jQuery拖拽插件gridster使用指南
Apr 21 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
初步了解javascript面向对象
Nov 09 Javascript
AngularJS实践之使用NgModelController进行数据绑定
Oct 08 Javascript
JavaScript中splice与slice的区别
May 09 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
Aug 24 jQuery
vue 组件的封装之基于axios的ajax请求方法
Aug 11 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入门源程序
2006/10/09 PHP
PHP图片上传类带图片显示
2006/11/25 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
万能的php分页类
2017/07/06 PHP
idTabs基于JQuery的根据URL参数选择Tab插件
2012/04/11 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
高性能JavaScript 重排与重绘(2)
2015/08/11 Javascript
jquery validate.js表单验证入门实例(附源码)
2015/11/10 Javascript
Nodejs抓取html页面内容(推荐)
2016/08/11 NodeJs
Nodejs进阶:基于express+multer的文件上传实例
2016/11/21 NodeJs
setTimeout函数的神奇使用
2017/02/26 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
详解Angular调试技巧之报错404(not found)
2018/01/31 Javascript
JavaScript引用类型Array实例分析
2018/07/24 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
python爬虫_自动获取seebug的poc实例
2017/08/05 Python
对python:print打印时加u的含义详解
2018/12/15 Python
Python实现最大子序和的方法示例
2019/07/05 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
jupyter notebook 多行输出实例
2020/04/09 Python
用Python 爬取猫眼电影数据分析《无名之辈》
2020/07/24 Python
Django项目创建及管理实现流程详解
2020/10/13 Python
英国在线药房:Express Chemist
2019/03/28 全球购物
电子商务应届生求职信
2013/11/16 职场文书
音乐教学反思
2014/02/02 职场文书
安全生产大检查方案
2014/05/07 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript