JavaScript测试工具（本地）粗糙版

来源：互联网发布：飞思卡尔单片机编辑：程序博客网时间：2024/06/05 07:09

-----------------------------------------------------------------
↓↓↓↓↓↓↓↓↓↓↓↓测试页面 xxx.html ↓↓↓↓↓↓↓↓↓↓↓↓↓
--------------------------------------------------------------------

<html>
<head>
<style>
body#editor {
text-align:left;
font: 12px;
background:#EAF4FD;
}
div#test {
height:455px;
background:#EAF4FD;
}
div#butt {
text-align:center;
height:40px;
width:98%;
background:#CC99FF;
}
div#code {
float:left;
height:405px;
width:49%;
background:#FF66FF;
}

div#result {
float:left;
height:405px;
width:49%;
background:#6699CC;
}
#code textarea{
margin:0;
padding:10px 0 0 5px;
border:0;
width:100%;
overflow:auto;
height:360px;
font:12px;
}
#result iframe{
margin:0;
padding:0;
width:100%;
height:360px;
background:#fff;
}
</style>
<title>我的测试工具</title>
</head>
<body id="editor">
<divid="test">
<formaction="loadhtml.html" method="get" target="i">

   <divid="butt">
    <p>
    <span>
     <inputtype="submit" onclick="runhtml()"value="开始测试"></input>
    </span>

<span>（请在下面的文本框中编辑您的代码，然后单击此按钮测试结果。）</span></p>
</div>

   <divid="code">
    <h2>编辑您的代码：</h2>
    <textareaname="newhtml"></textarea>
   </div>

   <divid="result">
    <h2>查看结果:</h2>
    <iframename="i"src="loadhtml.html"></iframe>
   </div>
   <div>
    <inputtype="hidden" name="hidhtml"></input>
   </div>
  </form>
</div>

</body>
<script language="JavaScript">
function runhtml(){
var newhtml =document.getElementsByName("newhtml")[0];
var hidhtml =document.getElementsByName("hidhtml")[0];
hidhtml.value = bianma(newhtml.value);
}
function bianma(value){
var returnValue = "";
for(var i=0;i<value.length; i++){
    var temp =value.charCodeAt(i).toString(16);
    returnValue+= new Array(5-String(temp).length).join("0") + temp ;
}
return returnValue;
}
function fanbianma(value){
var returnValue = "";
for(var i=0;i<value.length; i=i+4){
    var temp =value.substring(i,i+4);
    temp =String.fromCharCode(parseInt(temp,16));
    returnValue= returnValue + temp;
}
return returnValue;
}
</script>
</html>

--------------------------------------------------------------------
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑测试页面↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
--------------------------------------------------------------------

--------------------------------------------------------------------
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓结果页面 loadhtml.html↓↓↓↓↓↓↓↓
--------------------------------------------------------------------

<scriptlanguage="javascript">
function init(){
//alert(location.href );//测试url
var endhtml = "";
var hidhtml =location.search.substring(1).split("&");
for(var i =0;i<hidhtml.length;i++){
   if(hidhtml[i].split("=")[0]=="hidhtml"){
   var temp =hidhtml[i].split("=")[1];//传值源数据
   endhtml =fanbianma(temp);
   document.write(endhtml);
}
}
}
function fanbianma(value){
var returnValue = "";
for(var i=0;i<value.length; i=i+4){
    var temp =value.substring(i,i+4);
    temp =String.fromCharCode(parseInt(temp,16));
    returnValue= returnValue + temp;
}
return returnValue;
}

init();
</script>

--------------------------------------------------------------------
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑结果页面 loadhtml.html↑↑↑↑↑↑↑↑
--------------------------------------------------------------------

注意:两个html文件一定要同目录,并且js代码要写在<scriptlanguage="javascript">js代码</script>中