如何在博客园的博客中添加可运行的JS（转载）

原文地址： http://www.cnblogs.com/yyman001/p/3366764.html

1.添加css,js文件

操作:管理-设置-页首Html代码中插入以下代码

<link href="http://files.cnblogs.com/rubylouvre/mystyle3.css" rel="stylesheet" type="text/css">
<script src="http://files.cnblogs.com/rubylouvre/myjs2.js" type="text/javascript"></script>

2.编辑文本,转为html源码编辑模式

插入文本域和运行按钮

<textarea id="runcode1" style="width:80%" rows="10"> <!--

你的html代码,以下是样板-->

<!doctype html>
<html dir="ltr" lang="zh-CN"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=Edge"><script type="text/javascript">alert('可以运行!')</script><title></title></head><body><h1>测试一口吧!</h1></body>
</html>
</textarea><p><button class="runcode" title="runcode1">运行代码</button></p>
文本域的id不能重复,要与运行按钮的title一致即可!!

效果:

运行代码

转载于:https://www.cnblogs.com/darkworker/p/6215203.html

如何在博客园的博客中添加可运行的JS（转载）相关推荐

博客园的博客积分与排名查看方法
我是今天才知道,out.因为这东东默认是不显示的,因此找不到. 注意:只是你在博客园的博客的积分排名,而不是你的在博客园的排名. 设置-博客设置(博客后台管理)-选项-积分与排名打勾.刷新你的博客页面 ...
聊聊在博客园写博客的这两年《Unity 3D脚本编程:使用C#语言开发跨平台游戏》正式出版...
版本状态: 2016.9 第一次印刷 (2016.11 输出到台湾) 2017.1 第二次印刷 2017.5 第三次印刷 2017.5 电子书上线:Unity 3D脚本编程--使用C#语言开发跨平台游 ...
用 Windows Live Writer 2009 为我们的博客园写博客（图）
在此之前没有使用过Windows Live Writer 写过博客,看到dudu推荐用Windows Live Writer ,今天也尝试用了一下,并把过程记录下来供大家分享讨论. Windows L ...
突然发现我还有博客园的博客呢哈哈哈哈
突然发现我还有博客园的博客呢哈哈哈哈突然发现我还有博客园的博客呢哈哈哈哈,很久没来,差点都忘了. posted on 2018-01-24 10:30 七侠镇莫尛貝阅读(...) 评论(...) ...
用为知发布博客到博客园、使用Wiz编写和发布博客园(cnblogs)博客
wiz不但可以做笔记,收藏网络上的文摘.还可以作为一个离线写博客的客户端,于是去网上搜了下配置过程.搜到wiz官方boss老魏写的一个教程:http://weishijun.com/p/906 ::: ...
谁来代替博客园——寄生博客
这系列文章成文是在几天前,当时是一篇,后来,为了不致给读者太大压力,所以分成了三篇,一个系列发布.发到最后一篇的时候,觉得,确实不太适合发布在首页了.毕竟搞技术没几个人关心这一篇的内容了.所以发布在自 ...
2008年12月31日，博客园开博
今天是美好的一天,天气晴朗,鸟语花香.呃..好像没鸟也没花..大冬天的..好冷哦! 今天是08年的最后一天,08年发生了很多震惊世界的事情. 所以我打算保留对08年的记忆. 去感谢一些人,去忘掉一些人 ...
网络采集软件核心技术剖析系列（1）---如何使用C#语言获取博客园某个博主的全部随笔链接及标题...
一本系列随笔概览及产生的背景自己开发的豆约翰博客备份专家软件工具问世3年多以来,深受广大博客写作和阅读爱好者的喜爱.同时也不乏一些技术爱好者咨询我,这个软件里面各种实用的功能是如何实现的. 该软件 ...
博客园自定义博客侧边栏公告的过滤漏洞
温馨提示:本文章所提到的相关技术以及代码仅供学习交流,不可用来做违法或违反博客园相关规定的事情哦~而且本文章不许转载哦,请使用超链接. 来博客园已经有些日子了,博客早就申请了下来,在后台偶然看到了可以 ...

如何在博客园的博客中添加可运行的JS（转载）

如何在博客园的博客中添加可运行的JS（转载）相关推荐

最新文章

热门文章