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

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

1.添加css,js文件

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

<link href="https://files.cnblogs.com/rubylouvre/mystyle3.css" rel="stylesheet" type="text/css">
<script src="https://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一致即可!!
复制代码

效果:

 

posted @ 2016-12-23 16:19  darkworker  阅读(535)  评论(0)  编辑  收藏  举报