| 博客日历 |
<< < 2008 - 5 > >>
| 日 |
一 |
二 |
三 |
四 |
五 |
六 |
|
|
|
|
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 |
|
| 论坛新贴 |
|
|
| 登陆管理 |
西湖BLOG正在为您加载数据中……www.xhblog.com |
| 我的栏目 |
西湖BLOG正在为您加载数据中……www.xhblog.com |
| 最新日志 |
西湖BLOG正在为您加载数据中……www.xhblog.com |
| 最新回复 |
|
| 最新留言 |
西湖BLOG正在为您加载数据中……www.xhblog.com |
| 博客信息 |
西湖BLOG正在为您加载数据中……www.xhblog.com |
| 网海拾贝 |
|
| 妖精女人 |
|
| |
| □ 代码运行框 |
|
|
|
| |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>代码运行框</title>
<SCRIPT ianguage=javascript>
//运行文本域代码
function Preview(obj) {
var TestWin=window.open('','',''); //打开一个窗口并赋给变量TestWin。
TestWin.opener = null // 防止代码对论坛页面修改
TestWin.document.write(obj.value); //向这个打开的窗口中写入代码code，这样就实现了运行代码功能
TestWin.document.close();
}
//复制文本域代码
function copyCode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
//另存文本域代码
function saveCode(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','code.htm');
winname.close();
}
</SCRIPT>
</head>
<BODY bgcolor=#007700 topmargin=50>
<div align=center>
<TEXTAREA id=code1 style="WIDTH: 560px; HEIGHT: 200px; background-color: #cccccc; border: 0;">
请输入你想运行的代码
</TEXTAREA>
<BR><BUTTON onclick=Preview(code1) style="background-color: transparent; border: 0;">运行代码</BUTTON><BUTTON
onclick=copyCode(code1) style="background-color: transparent; border: 0;">复制代码</BUTTON>
<BUTTON onclick=saveCode(code1) style="background-color: transparent; border: 0;">保存代码</BUTTON>
<button style="background-color: transparent; border: 0;">提示：你可以先修改代码后再运行</button>
</div>
</body>
</html>
演示：
|
弯弯的忧伤 发表于 2008-5-12 11:27:00 | |
|
|
|
|
| □ Re:代码运行框 |
|
|
|
| |
 1.
程序代码
<scriptdefer>
document.body.scrollTop=550;//滚动条位置
</script>
defer是加载完再执行，不然页面没加载完，会出现找不到对象。
HTML代码
<body>
<div style="height:2000px"></div>
<script defer>
document.body.scrollTop=550; //滚动条位置
</script>
</body>
2.
<div style="height:2000px">垂直定位</div>
<script>
window.scrollTo(0,document.body.scrollHeight)
</script>
<div style="width:2000px;text-align: right;">水平定位</div>
<script>
window.scrollTo(document.body.scrollWidth,0)
</script>
<div style="height:2000px;width:2000px;text-align: right;">水平垂直同时定位</div>
<script>
window.scrollTo(document.body.scrollWidth,document.body.scrollHeight)
</script>
3.
打开窗口自动定位，在你需要的位置上加入代码。
<script>window.scrollTo(0,document.body.scrollHeight);</script>
|
访客0g8Jan(游客)发表评论于2008-7-22 12:52:00 | |
|
|
|
|
| □ Re:代码运行框 |
|
|
|
| |
<img src="http://www.xhblog.com/"";no.jpg" onerror="this.src='http://www.cnbruce.com/images/logo.gif'">
|
访客5211314(游客)发表评论于2008-5-13 11:07:00 | |
|
|
|
|
| |