回旧版

我爱导航网_我爱网址导航_网站酷站免费导航,尽在我爱导航!

在线运行复制全选功能在网站中实现代码js示例

<!--在线运行开始--><script type="text/javascript">

function $(objname){return document.getElementById(objname);}
function runCode(objname) {
        var winname = window.open('', "_blank", '');
    var obj = $(objname);
        winname.document.open('text/html', 'replace');
    winname.opener = null // 防止代码对论谈页面修改
        winname.document.write(obj.value);
        winname.document.close();
}
function saveCode(objname){
        var winname = window.open('', '_blank', 'top=10000');
        winname.document.open('text/html', 'replace');
    var obj = $(objname);
        winname.document.write(obj.value);
        winname.document.execCommand('saveas','','code.htm');
        winname.close();
}

function oCopy(objname){
       var obj = $(objname);
       obj.select();
       js=obj.createTextRange();
       js.execCommand("Copy");
       alert("莎龙博客提示:代码已经被成功复制!");
}
</script>

<!--在线运行结束-->
<div>
<textarea style="width: 80%" id="contents" rows="10">
document.write("OK");
</textarea>
<input type="button" name="Submit" value="运行代码" onclick="runCode('contents')"/>
<input type="button" name="Submit3" value="全选代码" onclick="$('contents').select();" />
<input type="button" name="Submit4" value="复制代码" onclick="oCopy('contents')" />
<input type="button" name="Submit2" value="保存代码" onclick="saveCode('content')" />

</div>

文章来自:我爱导航,未经允许不得转载!:首页 > 教程收藏 > 建站经验 » 在线运行复制全选功能在网站中实现代码js示例

感觉不错,很赞哦! ( )

相关推荐

网友评论