博客园 中 运行js

<script type="text/javascript">
alert("alert弹出?");
</script>

这里放入运行的Html代码。

<p><textarea id="con" style="height: 167px; width: 375px; margin: 2px;">&lt;script type="text/javascript"&gt;
alert("alert弹出?");
&lt;/script&gt;</textarea></p>
<p><input id="btn" onclick="btn();" type="button" value="运行代码" /></p>
<p>&nbsp;</p>
<p><textarea id="theCode" style="width: 450px; height: 300px;" title="双击运行代码" ondblclick="runCode(‘theCode‘);">这里放入运行的Html代码。

</textarea><br />

<input onclick="runCode(‘theCode‘)" type="button" value="运行代码" /> 

<input onclick="doCopy(‘theCode‘)" type="button" value="复制代码" /> 

<input onclick="doSave(‘theCode‘,‘test‘)" type="button" value="保存代码" /></p>
<script type="text/javascript">// <![CDATA[
//执行代码

 var btn = document.getElementById("btn");
    var con = document.getElementById("con");
    if(btn && con){
        btn.onclick = function(){
            var newwin = window.open(‘‘, "_blank", ‘‘);
            newwin.document.open(‘text/html‘, ‘replace‘);
            newwin.opener = null;
            newwin.document.write(con.value);
            newwin.document.close();
        }
    }
    function runCode(obj) {

        var winname = window.open(‘‘, "_blank", ‘‘);

        var content = document.getElementById(obj).value;

        winname.document.open(‘text/html‘, ‘replace‘);

        winname.opener = null

        winname.document.writeln(content);

        winname.document.close();

    }

    //复制代码

    function doCopy(obj){

        var codeObj = document.getElementById(obj);

        clipboardData.setData(‘text‘, codeObj.innerText);

        alert(‘已经复制代码‘);

    }

    // 另存为文件

    function doSave(obj, filename){  

        var win = window.open(‘‘, ‘_blank‘, ‘top=10000‘);

        var code = document.getElementById(obj).innerText;

        win.opener = null;

        win.document.write(code);

        win.document.execCommand(‘saveas‘, true, filename);

        win.close();

    }
// ]]></script>
时间: 2024-10-28 20:33:22

博客园 中 运行js的相关文章

博客园“可运行&quot;代码

textarea <textarea style="width: 450; height: 300" id="theCode" title="双击运行代码" ondblclick="runCode('theCode');"> 这里放入运行的Html代码. </textarea><br /> <input onclick="runCode('theCode')" va

博客园使用D3.js的代码框架

导入D3.js的代码应该放置在主题HTML元素内容的底部. 1 <style><!-- 2 3 --></style> 4 <div id="container"> </div> 5 <p> 6 <script type="text/javascript" src="http://files.cnblogs.com/files/alexywt/d3.js"><

博客园js

博客园可以申请js权限,给管理员发封邮件就可以了. 一旦控制了js,就控制了整个DOM树.CSS和JS都可以从外部引入(比如github).也可以把js和css放在博客园的文件中再引入.如果js和css代码较少,可以直接写在"管理"页中. 引入github上的js:链接为https://raw.githubusercontent.com/weidiao/myCode/master/cnblog.js,报错"strict MIME type checking is enable

自定义博客园JS插件

在博客园侧边栏添加JS内容,需要先点击申请JS的链接. 1.动态钟表插件JS代码 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height=&quo

博客园主题样式修改教程

实现代码高亮 那怎么使用呢?我是先向博客园申请了js代码的权限,申请入口还是在刚刚那个[设置]里: 我这里是批准了所以显示支持js代码,你们要想实现这个代码高亮,那就得先申请(希望博客园的管理员别打我 —..— ) 然后复制下面代码到[博客侧边栏公告]里: <script src="http://cdn.bootcss.com/jquery/2.2.0/jquery.min.js"></script> <script type="text/jav

博客园自定义目录

博客园自定义目录js样式在css中设置 TOC 博客园自定义目录 参考:https://www.cnblogs.com/xdp-gacl/p/3718879.html#2937655 参考了这篇博客,但是这个只显示h2,h3的标题,就自己处理了一下,显示了h1--h5的标题 之前使用的是这样的目录https://www.cnblogs.com/ziyue7575/p/11407354.html 但是目录隐藏之后,这块区域仍然不能点击,所以,就自己写了一下....就是丑了点 js样式 在页首htm

VS建立的Winform程序中连接Oracle数据库能正常运行在Web中却不能正常连接运行可能原因(本文来自博客园深蓝居)

我们平时使用的都是32位的机器进行开发,装的都是32位的软件,但是我们的服务器一般都是64位的,所以有时也需要在64位的环境下装一个VS调试程序.最近遇到的一个问题就是一个同事换了一个电脑,用的是X64的Windows 2008作为操作系统,要进行Oracle的数据库连接,所以也装了64位的Oracle客户端.如果是控制应用项目或者WinForm项目可以正常连接Oracle,但是Web项目在程序中打开Oracle连接时,系统抛出了异常: 尝试加载 Oracle 客户端库时引发 BadImageF

关于在博客园文章中运行自己html

关于实现在博客网站中实时的运行自己的代码 Document <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="ccc" class="ccc aaa bbb&qu

JS批量删除博客园文章

$('tr').each(function(){ if($(this).attr('id')!=null){ var s = $(this).attr('id').slice(9); console.info("正在删除:"+s); deletePost(s); } }); window.location.reload(); 以前都是用新浪博客的,但是新浪博客对编程类文章支持不好,记录一些html代码总是隐藏. 第一次用博客园,被他简洁的界面吸引. 一看还有博客搬家功能,于是把新浪博客