博客园里大家都分享了很多的有用知识，看到好的代码，总想拿到手上去试一下，然后慢慢体会！如果是展示一段完整能运行的代码，若能给读者提供一个【运行代码】的按钮，就方便多了！前两天开通了博客园的JS权限（发邮件到contact@cnblogs.com可以申请开通），今天先拿这个试了一下手，先来体验一把吧：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>为行博客园中的代码添加一个运行代码按钮</title></head><body><h1>Hello, world!</h1></body></html>
运行上面的代码
点右上方的按钮试试看吧！没错，在一个新窗口中正确的显示了Hello, world!下面来说一下实现的步骤：
【情况分析】
博客园里正常插入的代码是由一个这样的大致结构组成的，如下所示：
<div class="cnblogs_code"> <pre> //这里是你的代码 //不过这段代码是经过cnblogs编辑器重新组织的一段html代码 </pre></div>
只要能够获得这个cnblogs_code下pre里的内容，并将这一段内容输出到一个新的窗口中，目标基本就实现了。这个实现的方法很简单，直接用jQuery就可获得，代码如下：
var code = $('.cnblogs_code').text();//注意这里不要用html()，否则你得到的将是一段cnblogs编辑器重组后的html代码
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式