OK論壇

 找回密碼
 註冊
查看: 1265|回復: 0

HTML測試框[網頁]

 關閉 [複製鏈接]

該用戶從未簽到

發表於 2007-10-20 06:26:04 | 顯示全部樓層 |閱讀模式
1.在</head>前貼上下面語法:

<META HTTP-EQUIV="Content-Type" C>
<META HTTP-EQUIV="RedSnow HTML Preview tools">
<!--NOSEARCH-->
<title>RedSnow HTML Preview 1.00</title>
<style TYPE="text/css">
<!--
A:link {font-size: 12pt;text-decoration: none}
A:visited {font-size: 12pt;text-decoration: none}
A:hover{font-size: 12pt; text-decoration: underline}
-->
</style>

<SCRIPT LANGUAGE="javascript">
<!--
function PreView(form){
mW=window.open("", "rsHTMLPreview", "toolbar=0,location=0,directories=0,status=1,menubar=0,scrollbars=1,resizable=1,copyhistory=0,width=640,height=300");
mW.document.open();
mW.document.write("<HTML><HEAD>");
mW.document.write("<TI"+"TLE>預視 HTML 指令敘述</TI"+"TLE>");
mW.document.write("</HEAD><BODY ");
mW.document.write("BGCOLOR="+document.bgColor+" ");

mW.document.write("TEXT=#0000FF LINK=#FF0000 VLINK=#FF00FF ALINK=#C000FF>\r\n");

mW.document.write("<center><h1><font face=標楷體 color=#FF0000>HTML標籤指令測試工具</font></h1></center>\r\n");
mW.document.write("您填入的標籤敘述結果將顯示如下:");
mW.document.write(" <a href='javascript:window.close()'><font color='#FF0000'>關閉預視視窗</font></a><br>\r\n");
mW.document.write("<HR>\r\n");

var str="";
var x=""; var x2=""; var old="";
for(var i=0;i<form.comments.value.length;i++) {
x=form.comments.value.charAt(i);
if(x==" "){
x2=form.comments.value.charAt(i+1);
if(x2=="<" || old==">") str+=" ";
else if(x2==" "){
str+="  "; i++;
}else str+=x;
}else if(x=="\r" && form.softbreak[0].checked){
str+="<br>";
i++;
}else str+=x;
old=str.charAt(str.length);
}

mW.document.write(str+"\n");

mW.document.write("<HR>");

mW.document.write("<CENTER><form><INPUT TYPE='button' value='關閉預視視窗' onClick='window.close()'></form></CENTER>");
mW.document.write("</BODY></HTML>");
mW.document.close();
mW.focus();
}

function delLastBR(str){
var x=""; var x2=""; var str2="";
for(var i=str.length-1;i>=0;i--) {
x=str.charAt(i);
x2=str.charAt(i-3)+str.charAt(i-2)+str.charAt(i-1)+x;
if(x2.toUpperCase()=="<BR>") i-=3;
else if(x=="\n") i--;
else if(x!=" "){
str2=str.substring(0,i+1); i=-1;
}
}
return str2;
}

function init(){
preview.comments.focus();
}

//-->
</SCRIPT>
 

2.在<body>下貼上下面語法:

<form NAME="preview">
<input type=radio name="softbreak" value="1" checked>使用人工換行
 <input type=radio name="softbreak" value="0" >忽略人工換行<br>
<TEXTAREA wrap=soft name=comments COLS=60 ROWS=8></TEXTAREA>
<br>
<INPUT TYPE="button" value="預視效果" onClick='PreView(this.form)'>
<INPUT TYPE="reset" value="重新輸入" >
<INPUT TYPE="button" value="返回前頁" >
   
<A HREF="#" ></A>
</form>
<br>
您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

Archiver|手機版|小黑屋|OK討論區

GMT+8, 2024-5-4 08:46 PM , Processed in 0.043566 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回復 返回頂部 返回列表