textarea
<textarea style="width: 450; height: 300" id="theCode" title="双击运行代码" ondblclick="runCode('theCode');">
这里放入运行的Html代码。
</textarea><br />
<input onclick="runCode('theCode')" value="运行代码" type="button">
<input onclick="doCopy('theCode')" value="复制代码" type="button">
<input onclick="doSave('theCode','test')" value="保存代码" type="button">
三个按钮
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
<script type=
"text/javascript"
>
//执行代码
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>
|
本文转自艾伦 Aaron博客园博客，原文链接：http://www.cnblogs.com/aaronjs/p/3963488.html，如需转载请自行联系原作者
