页面显示器代码效果

最新推荐文章于 2023-09-29 17:59:07 发布

iteye_17172

最新推荐文章于 2023-09-29 17:59:07 发布

阅读量270

点赞数

分类专栏： web前端文章标签： JavaScript HTML Blog ViewUI

web前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

我们在光顾一些特效网站时，为了展示特显，网站经常是让我们直接运行这些特效代码。在页面上直接显示代码效果，好像需要很高深的技术似的，其实非常简单，说白了就两个步骤就可以做到：
第一：让特效代码粘贴在一个文本域中。
第二：打开一个新的页面，将文本域中的内容写入到页面中。Javascript代码如下：
[code]
htmlstr = document.script.tester.value;
newwin= open("", "newwin","status=no,menubar=yes,toolbar=no");
newwin.document.open();
newwin.document.write(htmlstr);
newwin.document.close();
[/code]

很简单吧，只是现在这种在新页面写入内容的方式已经越来越少用了。

完整代码如下：
[code]
<html>
<head>
<title>KutoKu.com---直接页面显示器代码效果</title>
<style type="text/css">
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<br>
<br>
<center><font color=red face="隶书" size=6>直接页面显示器</font></center>
<br>
<center>
<table border=0 bordercolor=#111111 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr><td align=center><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>请在下面窗口中输入HTML代码</strong></font></td></tr>
<tr><td align=center>
<script language="JavaScript">

function trestart(){
if (script) {
clear = confirm("你真的确定要关闭吗？",'');
if(clear) {
document.script.reset();
document.script.value = "";
}
}
}

function test(){
{
temp = document.script.tester.value;
testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");
testwin.document.open();
testwin.document.write(temp);
testwin.document.close();
}
}

function help(){
OpenWindow=window.open("", "newwin","height=220,width=470,toolbar=no,scrollbars="+scroll+",menubar=no");
OpenWindow.document.write("<body bgcolor='white' text='black' alink='blue'vlink='blue' link='blue'><TITLE>帮助信息</TITLE>")
OpenWindow.document.write("<center>你只要把你想显示的代码放到上页的输入框中，你自己也可以写代码，按显示键就能显示你的页面内容</center><br>")
OpenWindow.document.write("<center><a href='mailto:webmaster@javascript2000.com' target='main'>写信给我</a></Center><br>")
OpenWindow.document.write("<center><a href='javascript:close()'>关闭本窗口</a></Center>")
OpenWindow.document.close()
self.name="main"
}

//End hiding-->
</script>
<form name="script">
<textarea name="tester" rows="8" cols="50"
wrap="off"></textarea>
<br>
<input type="button" value="显示" onClick="test()">
<input type="button" value="清除" onClick="trestart()">
<input type="button" value="帮助" onClick="help()">
</form>
</td></tr></table></center>
<center>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="360" id="AutoNumber1">
<tr>
<td>
<p align="left"><span style="font-size: 9pt">将下面代码复制到输入框试试<br>
<font color="#FF0033"><br>
<html><br>
<head><br>
<title>你好</title><br>
</head><br>
<br>
<body><br>
你好！欢迎光临<a href="http://www.kutoku.com" target="_blank">KuToKu素材站</a><br>
</body><br>
<br>
</html></font></span></td>
</tr>
</table>
</center>
</div>
<p>
<br>
<br>
</p>
</body>
</html>
[/code]

文章地址：[url]http://javapub.iteye.com/blog/734719[/url]

iteye_17172

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面显示器代码效果

我们在光顾一些特效网站时，为了展示特显，网站经常是让我们直接运行这些特效代码。在页面上直接显示代码效果，好像需要很高深的技术似的，其实非常简单，说白了就两个步骤就可以做到：第一：让特效代码粘贴在一个文本域中。第二：打开一个新的页面，将文本域中的内容写入到页面中。Javascript代码如下：[code]htmlstr = document.script.tester.value;...
复制链接

扫一扫

专栏目录