zoukankan      html  css  js  c++  java
  • 在博客文章插入“可运行"js代码-博客园

    该功能偷自,[司徒正美]博客...希望不要告我...囧

    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="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一致即可!!

    效果:

  • 相关阅读:
    js-添加删除记录-修改
    js-添加删除记录-添加
    js-添加删除记录-删除
    dom增删改
    事件的冒泡
    div随鼠标在浏览器的窗口任意移动
    多选框全选练习
    python-day3
    python-day2
    python-day1
  • 原文地址:https://www.cnblogs.com/yyman001/p/3366764.html
Copyright © 2011-2022 走看看