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验证正则表达式汇总
Nov 26 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
JavaScript学习笔记之定时器
Jan 22 Javascript
JQuery中serialize()用法实例分析
Feb 06 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 Javascript
详解JavaScript for循环中发送AJAX请求问题
Jun 23 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
AngularJS select设置默认值的实现方法
Aug 25 Javascript
hammer.js实现图片手势放大效果
Aug 29 Javascript
vue组件间通信子与父详解(二)
Nov 07 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自动跳转中英文页面
2008/07/29 PHP
PHP获取服务器端信息的方法
2014/11/28 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
JavaScript 私有成员分析
2009/01/13 Javascript
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
2014/02/13 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
JavaScript知识点总结(十)之this关键字
2016/05/31 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
layui中的switch开关实现方法
2019/09/03 Javascript
vue ssr服务端渲染(小白解惑)
2019/11/10 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
2020/07/12 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
design vue 表格开启列排序的操作
2020/10/28 Javascript
Python中使用item()方法遍历字典的例子
2014/08/26 Python
python3判断url链接是否为404的方法
2018/08/10 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
Python字符串及文本模式方法详解
2020/09/10 Python
python 模拟登陆github的示例
2020/12/04 Python
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
彪马土耳其官网:PUMA土耳其
2019/07/14 全球购物
急诊科护士自我鉴定
2013/10/14 职场文书
给男朋友的道歉信
2014/01/12 职场文书
国税会议欢迎词
2014/01/16 职场文书
加工操作管理制度
2014/01/19 职场文书
运动会广播稿20字
2015/08/19 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers
Python基于百度API识别并提取图片中文字
2021/06/27 Python