如何在不支持iframe的网站中引入iframe解决方法

最新推荐文章于 2025-08-20 20:50:25 发布

原创最新推荐文章于 2025-08-20 20:50:25 发布 · 712 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html #html5 #css

文章介绍了两种通过JavaScript创建并配置IFrame的方法，一种是通过字符串拼接，另一种是利用createElement函数。在两种方法中，都详细设置了IFrame的宽度、高度、类名、滚动条和源地址等属性，并将其插入到指定的DOM元素后面。

该文章已生成可运行项目，

1.可以通过javascript拼接方式：

var ifr = "<ifr";
ifr += "ame width='100%' height='600' class='share_self' frameborder='0' scrolling='no' src=''></ifr";
ifr += "ame>";
$("#tmp").after(ifr);

2.使用使用createElement

 var iii = document.createElement('iframe');
 iii.src = '';
 iii.height = 600;
 iii.width = '100%';
 iii.className = 'share_self';
 iii.scrolling = 'no';
 $("#tmp").after(ifr);

本文章已经生成可运行项目