新浪微薄的挂件
很多博客都可以自己添加修改一些代码，但是作为博客平台来说，可能为了安全考虑，很多时候要过滤一些特性，比如：新浪微博的挂件是iframe形式的，但是博客园不支持iframe。经过一些尝试，最终有了下面两种解决办法：
首先先在公告中写一个空div，方便我们插入新建的iframe，省的用class选来选去的麻烦：
< div id ="weiboIframe" >
</ div >
1、在公告中直接用innerHTML插入iframe代码：
innerHTML是很很简单的，从新浪微博的配置中，配好你自己想要的样式，然后他会自动生成一段html代码，类似下面这样的：
< iframe width ="100%" height ="100" class ="share_self" frameborder ="0" scrolling ="no" src ="http://widget.weibo.com/weiboshow/index.php?width=0&height=100&fansRow=1&ptype=1&speed=0&skin=1&isTitle=1&noborder=0&isWeibo=0&isFans=0&uid=1855270953&verifier=375b89d6" ></ iframe >
但是如果你直接写成下面这个样子的话，不会生效的：
var ifr = ' <iframe width="100%" height="100" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?width=0&height=100&fansRow=1&ptype=1&speed=0&skin=1&isTitle=1&noborder=0&isWeibo=0&isFans=0&uid=1855270953&verifier=375b89d6"></iframe> ' ;
document.getElementById( ' weiboIframe ' ).innerHTML = ifr;
估计博客园后台直接去匹配iframe文本，所以我们把这个打乱，这样，他应该不会去检测逻辑，改成这样就成功了：
< script type = " text/javascript " >
var ifr = ' <ifra ';
ifr += ' me width="100%" height="115" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?width=0&height=100&fansRow=1&ptype=1&speed=0&skin=1&isTitle=1&noborder=0&isWeibo=0&isFans=0&uid=1855270953&verifier=375b89d6"></ifr ';
ifr += ' ame> ' ;
document.getElementById('weiboIframe').innerHTML = ifr;
< / script>
2、还可以使用createElement方法：
因为这里有人用过Google Adsense的代码，所以猜测这个方法是可以使用的，经过测试，确实可用，就是比上面那个要多写一些东西：
< script type = " text/javascript " >
var iii = document.createElement( ' iframe ' );
iii.src = ' http://widget.weibo.com/weiboshow/index.php?width=0&height=100&fansRow=1&ptype=1&speed=0&skin=1&isTitle=1&noborder=0&isWeibo=0&isFans=0&uid=1855270953&verifier=375b89d6 ' ;
iii.height = 115 ;
iii.width = ' 100% ' ;
iii.className = ' share_self ' ;
iii.scrolling = ' no ' ;
document.getElementById( ' weiboIframe ' ).appendChild(iii);
< / script>
把上面这些弄到公告里面去，就可以显示你的新浪微博的挂件了，很简单了， 可以在微薄关注我： http://weibo.com/beiyuu
转载请保留作者和出处
作者： Leo_wl
出处： http://www.cnblogs.com/Leo_wl/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
版权信息声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did50431