sina微博加入到博客园

简介: 很多博客都可以自己添加修改一些代码,但是作为博客平台来说,可能为了安全考虑,很多时候要过滤一些特性,比如:新浪微博的挂件是iframe形式的,但是博客园不支持iframe。经过一些尝试,最终有了下面两种解决办法: 首先先在公告中写一个空div,方便我们插入新建的iframe,省的用cl...

很多博客都可以自己添加修改一些代码,但是作为博客平台来说,可能为了安全考虑,很多时候要过滤一些特性,比如:新浪微博的挂件是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>
目录
相关文章
|
Rust 安全 前端开发
为什么 Rust 备受开发者青睐?
在本篇文章中,作者介绍了 Rust 是什么,它的历史以及 Rust 是如何备受开发者和行业的青睐。希望本篇文章能帮助读者对 Rust 这门语言有一个大概的了解。
137906 43
|
监控 搜索推荐 Java
高校学生管理系统 毕业设计 JAVA+Vue+SpringBoot+MySQL(一)
高校学生管理系统 毕业设计 JAVA+Vue+SpringBoot+MySQL
681 0
|
项目管理
干货|80天自学通过高级项目管理师
干货|80天自学通过高级项目管理师
459 0
|
10月前
|
存储 安全 Java
什么?CPU消耗要压降80% ——《事件序列化CPU开销压降》揭榜
本文为《事件CPU开销压降》揭榜报告,旨在解决风控系统间信息传递时事件体持续膨胀导致的序列化/反序列化CPU消耗过高的问题。
231 12
|
12月前
|
人工智能 弹性计算 机器人
如何在阿里云一键部署FlowiseAI
FlowiseAI 是一款开源低代码开发工具,专为构建定制化的语言学习模型(LLM)应用设计。用户可通过拖放界面轻松创建和管理AI驱动的应用,如聊天机器人和数据分析工具。它基于LangChain框架,支持多种AI模型和数据库集成,实现高度定制化的流程自动化。在阿里云上,可以通过一键部署链接快速部署FlowiseAI,并通过简单的几步配置开始使用。详细操作步骤包括创建ECS实例、获取登录信息等。更多细节可见FlowiseAI官网。
|
12月前
|
Ubuntu Shell API
Ubuntu 64系统编译android arm64-v8a 的openssl静态库libssl.a和libcrypto.a
Ubuntu 64系统编译android arm64-v8a 的openssl静态库libssl.a和libcrypto.a
|
XML Java Android开发
Android App开发触摸事件中手势事件Event的分发流程讲解与实战(附源码 简单易懂)
Android App开发触摸事件中手势事件Event的分发流程讲解与实战(附源码 简单易懂)
272 0
|
网络协议 Linux Windows
检测端口连通性
使用psping, paping, tcping等工具检测TCP, UDP等端口的联通情况
440 1
|
机器学习/深度学习 人工智能 达摩院
二十年来第一次!CVPR最佳学生论文授予中国高校学生
二十年来第一次!CVPR最佳学生论文授予中国高校学生
369 0