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 相关文章推荐
Div自动滚动到末尾的代码
Oct 26 Javascript
jQuery中click事件用法实例
Dec 26 Javascript
javascript实现简单的on事件绑定
Aug 23 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
Vue常用指令V-model用法
Mar 08 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
微信小程序 WXML节点信息查询详解
Jul 29 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
Javascript生成器(Generator)的介绍与使用
Jan 31 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
从一个不错的留言本弄的mysql数据库操作类
2007/09/02 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
PHP get_html_translation_table()函数用法讲解
2019/02/16 PHP
javascript实现的动态文字变换
2007/07/28 Javascript
FLASH 广告之外的链接
2008/12/16 Javascript
使弱类型的语言JavaScript变强势
2009/06/22 Javascript
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
2013/06/25 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
2015/06/19 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
实现easyui的datagrid导出为excel的示例代码
2016/11/10 Javascript
Vue实现百度下拉提示搜索功能
2017/06/21 Javascript
基于vue开发的在线付费课程应用过程
2018/01/25 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
Vue实现简单计算器
2021/01/20 Vue.js
JavaScript实现点击切换功能
2021/01/27 Javascript
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
python+opencv 读取文件夹下的所有图像并批量保存ROI的方法
2019/01/10 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
python输出带颜色字体实例方法
2019/09/01 Python
python 字典的打印实现
2019/09/26 Python
TensorFlow2.0矩阵与向量的加减乘实例
2020/02/07 Python
Canvas制作的下雨动画的示例
2018/03/06 HTML / CSS
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
Moda Italia荷兰:意大利男士服装
2019/08/31 全球购物
最新教师自我评价分享
2013/11/12 职场文书
自主招生自荐信指南
2014/02/04 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
单位工资证明范本
2015/06/12 职场文书
用Python远程登陆服务器的步骤
2021/04/16 Python