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 相关文章推荐
通过Unicode转义序列来加密,按你说的可以算是混淆吧
May 06 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 Javascript
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
jquery等待效果示例
May 01 Javascript
js 获取元素在页面上的偏移量的方法汇总
Apr 13 Javascript
JavaScript DOM基础
Apr 13 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
jQuery简单动画变换效果实例分析
Jul 04 Javascript
浅谈关于axios和session的一些事
Jul 13 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 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
一个用php3编写的简单计数器
2006/10/09 PHP
PHP对象的浅复制与深复制的实例详解
2017/10/26 PHP
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
2016/11/12 Javascript
ES6概念 Symbol toString()方法
2016/12/25 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
基于vue的换肤功能的示例代码
2017/10/10 Javascript
Angular5中提取公共组件之radio list的实例代码
2018/07/10 Javascript
小程序实现多选框功能
2018/10/30 Javascript
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
JS通过ajax + 多列布局 + 自动加载实现瀑布流效果
2019/05/30 Javascript
Python笔记(叁)继续学习
2012/10/24 Python
python使用装饰器和线程限制函数执行时间的方法
2015/04/18 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
python实现Decorator模式实例代码
2018/02/09 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
运行Python编写的程序方法实例
2020/10/21 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
美国时尚女装在线:Missguided
2016/12/03 全球购物
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
会计顶岗实习心得
2014/01/25 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
询价采购方案
2014/06/09 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
自我评价优缺点范文
2015/03/11 职场文书
离婚答辩状范文
2015/05/22 职场文书
小学六年级班主任工作经验交流材料
2015/11/02 职场文书
MySQL创建表操作命令分享
2022/03/25 MySQL