脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS动态添加iframe

JS动态添加iframe的代码

 更新时间：2015年09月14日 00:44:06   投稿：mdxy-dxy  
这篇文章主要介绍了JS动态添加iframe的代码,需要的朋友可以参考下

一般对于ie9以上的浏览器、chrome等浏览器都可以支持

var iframe = document.createElement('iframe'); 
iframe.src="https://www.jb51.net";  
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://www.jb51.net"></iframe>');
} else {
  var iframe = document.createElement('iframe');
  iframe.setAttribute('src','https://www.jb51.net');
}
您可能感兴趣的文章:

相关文章

  • JS库之Waypoints的用法详解

    JS库之Waypoints的用法详解

    waypoints的功能非常强大，一款用于捕获各种滚动事件的插件，下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
    2017-09-09
  • JS继承之借用构造函数继承和组合继承

    JS继承之借用构造函数继承和组合继承

    这篇文章主要为大家详细介绍了JS继承之借用构造函数继承和组合继承，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09
  • javascript递归函数定义和用法示例分析

    javascript递归函数定义和用法示例分析

    这篇文章主要介绍了javascript递归函数定义和用法示例分析，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • JavaScript实现左侧菜单效果

    JavaScript实现左侧菜单效果

    这篇文章主要为大家详细介绍了JavaScript实现左侧菜单效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-12-12
  • js实现精美的图片跟随鼠标效果实例

    js实现精美的图片跟随鼠标效果实例

    这篇文章主要介绍了js实现精美的图片跟随鼠标效果,实例分析了javascript鼠标事件及页面样式的操作技巧,需要的朋友可以参考下
    2015-05-05
  • JavaScript创建对象的几种方式小结

    JavaScript创建对象的几种方式小结

    这篇文章主要介绍了 JavaScript 中创建对象的多种方式,包括字面量方式、构造函数方式、原型模式、() 方法、ES6 类,并分别说明了它们的特点和适用场景,强调在实际编程中要根据需求选择合适的方式以提高代码质量和性能,需要的朋友可以参考下
    2024-12-12
  • 让 JavaScript 轻松支持函数重载 (Part 2 - 实现)

    让 JavaScript 轻松支持函数重载 (Part 2 - 实现)

    在上一篇文章里，我们设计了一套能在JavaScript中描述函数重载的方法，这套方法依赖于一个叫做Overload的静态类，现在我们就来看看如何实现这个静态类。
    2009-08-08
  • 使用layui定义一个模块并使用的例子

    使用layui定义一个模块并使用的例子

    今天小编就为大家分享一篇使用layui定义一个模块并使用的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript 模块化开发实例详解【seajs、requirejs库使用】

    JavaScript 模块化开发实例详解【seajs、requirejs库使用】

    这篇文章主要介绍了JavaScript 模块化开发,结合实例形式详细分析了基于seajs、requirejs库的JavaScript模块化使用相关操作技巧,需要的朋友可以参考下
    2020-05-05
  • JS中的进程和线程详解

    JS中的进程和线程详解

    进程和线程都是计算机中的概念，用于描述程序执行时的运行单位。在 JavaScript 中，进程和线程的概念并不是直接暴露给开发者的，而是通过浏览器或 Node.js 等执行环境来实现的，文中介绍的非常详细，感兴趣的同学可以阅读一下
    2023-04-04

最新评论