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 相关文章推荐
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
Jan 08 Javascript
新发现一个骗链接的方法(js读取cookies)
Jan 11 Javascript
javascript自定义右键弹出菜单实现方法
May 25 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
js中的DOM模拟购物车功能
Mar 22 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
Aug 02 Javascript
微信小程序用canvas画图并分享
Mar 09 Javascript
聊聊JS ES6中的解构
Apr 29 Javascript
JavaScript 事件捕获冒泡与捕获详情
Nov 11 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
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 function用法如何递归及return和echo区别
2014/03/07 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
javascript学习随笔(使用window和frame)的技巧
2007/03/08 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
Javascript浅谈之引用类型
2013/12/18 Javascript
node.js超时timeout详解
2014/11/26 Javascript
jQuery事件对象总结
2016/10/17 Javascript
微信小程序 swiper组件详解及实例代码
2016/10/25 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
概述javascript在Google IE中的调试技巧
2016/11/24 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
Vue表单及表单绑定方法
2018/09/04 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
2019/08/07 Javascript
简单分析js中的this的原理
2019/08/31 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
js数组的基本使用总结
2021/01/18 Javascript
让python json encode datetime类型
2010/12/28 Python
使用setup.py安装python包和卸载python包的方法
2013/11/27 Python
浅谈Django学习migrate和makemigrations的差别
2018/01/18 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
Python 保存加载mat格式文件的示例代码
2020/08/04 Python
使用索引有什么好处
2016/07/27 面试题
历史学专业推荐信
2013/11/06 职场文书
英语专业自荐书
2014/06/13 职场文书
2014年电厂工作总结
2014/12/04 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
django上传文件的三种方式
2021/04/29 Python
基于Redis6.2.6版本部署Redis Cluster集群的问题
2022/04/01 Redis
浅谈Python中对象是如何被调用的
2022/04/06 Python
浅谈Redis的事件驱动模型
2022/05/30 Redis