作为博客平台,发现博客园可能出于安全考虑,并不支持正常的iframe嵌套。
但是经过研究发现还是可以通过两种特殊途径在自己博客使用iframe进行嵌套。
1.字符串拼接
一个正常的iframe结构如下,如果直接将下面的代码作为变量,对html元素进行拼接的话是行不通的。
1 var ifr = "<iframe
width='100%'
height='600'
class='share_self'
frameborder='0'
scrolling='no'
src='http://widget.weibo.com/weiboshow/index.php
?language=zh_cn&width=0&height=600&fansRow=2&ptype=1&speed=0&skin=1&
isTitle=1&noborder=0&isWeibo=1&isFans=0&uid=3424286664&verifier=3c8ebf87&dpc=1'></iframe>"; 2 $("#tmp").after(ifr);
但是可以通过下面的方法实现。
1 var ifr = "<ifr"; 2 ifr += "ame width='100%' 4 height='600' 5 class='share_self' 6 frameborder='0' 7 scrolling='no' 8 src='http://widget.weibo.com/weiboshow/index.php 9 ?language=zh_cn&width=0&height=600&fansRow=2&ptype=1&speed=0&skin=1& 10 isTitle=1&noborder=0&isWeibo=1&isFans=0&uid=3424286664&verifier=3c8ebf87&dpc=1'></ifr"; 11 ifr += "ame>"; 12 $("#tmp").after(ifr);
2.使用createElement
1 var iii = document.createElement('iframe'); 2 iii.src = 'http://widget.weibo.com/weiboshow/index.php
?language=zh_cn&width=0&height=600&fansRow=2&ptype=1&speed=0&skin=1&
isTitle=1&noborder=0&isWeibo=1&isFans=0&uid=3424286664&verifier=3c8ebf87&dpc=1'; 3 iii.height = 600; 4 iii.width = '100%'; 5 iii.className = 'share_self'; 6 iii.scrolling = 'no'; 7 $("#tmp").after(ifr);
使用以上两种方法就可以在博客园嵌套iframe了。