网页实现代码运行,另存为,复制代码js代码
来源：自学PHP网
时间：2014-09-19 14:48 作者：
阅读:次
[导读] 我们在很多特效网站都会有看到有一些js特效代码可以直接点击保存或直接运行查看效果了，下面我们一起来看看这个效果实现代码吧。...
| 代码如下 |
复制代码 |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
// JavaScript Document
//运行代码
function doRunCode(cod1) {
cod=document.getElementById(cod1)
var code=cod.value;
if (code!=""){
var newwin=window.open('','','');
newwin.opener = null
newwin.document.write(code);
newwin.document.close();
}
}
//复制代码
function doCopyCode(ID) {
if (document.all){
textRange = document.getElementById(ID).createTextRange();
textRange.execCommand("Copy");
}
else{
//alert("此功能只能在IE上有效");
copyToClipboard(document.getElementById(ID).value);
}
}
//另存为代码
function doSaveCode(cod1) {
cod=document.getElementById(cod1)
var code=cod.value;
if (code!=""){
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.write(code);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
}
function copyToClipboard(txt) {
if(window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", txt);
} else if(navigator.userAgent.indexOf("Opera") != -1) {
window.location = txt;
} else if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("被浏览器拒绝！n请在浏览器地址栏输入'about:config'并回车n然后将'signed.applets.codebase_principal_support'设置为'true'");
}
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip)
return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans)
return;
trans.addDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext = txt;
str.data = copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip)
return false;
clip.setData(trans,null,clipid.kGlobalClipboard);
}
}
</script>
<div class="UBBContainer">
<div class="UBBTitle"><img style="margin:0px 2px -3px 0px" src="/images/pic/html.gif"> 以下是程序代码</div>
<div class="UBBContent">
<textarea class="UBBText" id="CodeText62670" rows="8">这里是放要运行的html代码</textarea>
<br>
<input type="button" value="运行代码" onclick="doRunCode('CodeText62670')">
<input type="button" value="复制代码" onclick="doCopyCode('CodeText62670')">
<input type="button" value="另存代码" onclick="doSaveCode('CodeText62670')">
<br>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div>
</div>
</body>
</html>
|
|
