新浪のささやかなストラップ

多くのブログは自分でコードを追加して修正することができますが、ブログプラットフォームとしては、安全を考慮するために、新浪微博のストラップはiframe形式ですが、ブログ園はiframeをサポートしていません.いくつかの試みを経て、最終的には次の2つの解決策がありました.
まず公告の中で空の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
転載は作者と出典を保留してください