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基础语法让人疑惑的地方小结
May 23 Javascript
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
JavaScript实现随机数生成器(去重)
Oct 13 Javascript
基于JavaScript表单脚本(详解)
Oct 18 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
angular2路由之routerLinkActive指令【推荐】
May 30 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
es6中reduce的基本使用方法
Sep 10 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 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实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
php中各种定义变量的方法小结
2017/10/18 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
javascript 的Document属性和方法集合
2010/01/25 Javascript
window.dialogArguments 使用说明
2011/04/11 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
jQuery实现的Div窗口震动效果实例
2015/08/07 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
2016/01/05 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
React中jquery引用的实现方法
2017/09/12 jQuery
Angular @HostBinding()和@HostListener()用法
2018/03/05 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
2018/07/02 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
python 从远程服务器下载东西的代码
2013/02/10 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
python中matplotlib实现随鼠标滑动自动标注代码
2020/04/23 Python
python 对xml解析的示例
2021/02/27 Python
学习2014年全国两会心得体会
2014/03/12 职场文书
施工员岗位职责
2014/03/16 职场文书
思想纪律作风整顿剖析材料
2014/10/11 职场文书
大学军训决心书
2015/02/05 职场文书
活动简报范文
2015/07/22 职场文书
机关干部正风肃纪心得体会
2016/01/15 职场文书
浅谈Go语言多态的实现与interface使用
2021/06/16 Golang