最近对脚本有点感兴趣了..自己试着搞了个小东西出来..
<
HTA:APPLICATION
BORDER
="dialog"
INNERBORDER
="no"
BORDERSTYLE
="normal"
CAPTION
="yes"
MAXIMIZEBUTTON
="no"
MINIMIZEBUTTON
="yes"
SHOWINTASKBAR
="yes"
SINGLEINSTANCE
="no"
SYSMENU
="yes"
SCROLL
="no"
>
<
head
>
<
meta
http-equiv
=Content-Type
content
="text/html; charset=gb2312"
>
<
title
>
HTML 与 JS 代码互转 - Sea
</
title
>
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzEvMy8zLzIvMzAvYTQxOTU0YTI3ZDZhZDk2ZmEyYzJjZjgxNmU2Nzc0NDguanBl.jpe?w=700&webp=1)
<
style
>
...
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
body{...}{background-color:menu;margin:0;font-size:12px;}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
#head{...}{border:1px solid #777;padding:5px 10px;margin:2px;text-align:right;}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
#oper{...}{text-align:center;display:inline;width:80%;}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
#convert{...}{text-align:center;margin:5px;}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
#oSource{...}{width:460px;height:200px;}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
#oResult{...}{width:460px;height:200px;background:menu;}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
#foot{...}{padding:5px 10px;margin:2px 20px;text-align:right;}
</
style
>
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzEvMy8zLzIvMzAvYTQxOTU0YTI3ZDZhZDk2ZmEyYzJjZjgxNmU2Nzc0NDguanBl.jpe?w=700&webp=1)
<
SCRIPT
FOR
="window"
EVENT
="onload"
>
...
initialize();
</
SCRIPT
>
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzEvMy8zLzIvMzAvYTQxOTU0YTI3ZDZhZDk2ZmEyYzJjZjgxNmU2Nzc0NDguanBl.jpe?w=700&webp=1)
<
script
>
...
// Event handler for window.onload()
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
function initialize() ...{
initWindow();
}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzAvOC8yLzUvNTMvNmE5YzA3MWEwOGYxZGFlMmQzZTFjNTEyMDAwZWVmNDEuanBl.jpe?w=700&webp=1)
// Applies initial state settings for the application
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
function initWindow() ...{
setWindowSize(500, 540);
window.moveTo(100,50);
}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzAvOC8yLzUvNTMvNmE5YzA3MWEwOGYxZGFlMmQzZTFjNTEyMDAwZWVmNDEuanBl.jpe?w=700&webp=1)
// Resizes the current window
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
function setWindowSize(width, height)...{
window.resizeTo(width, height);
}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzAvOC8yLzUvNTMvNmE5YzA3MWEwOGYxZGFlMmQzZTFjNTEyMDAwZWVmNDEuanBl.jpe?w=700&webp=1)
// Opens a new window
function popWindow(url, name)
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
...{
// New window will be used to popup window if we haven't opened a readme before;
// Otherwise the same window will open again, only toolbar visible, resizable
var wndPopup = window.open(url,name,"");
// Bring new window to foreground
wndPopup.focus();
}
function doConvert()
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
...{
var ConvertResult;
var v=oSource.value;
if (ConvertType1.checked) ConvertResult=html2js(v); else ConvertResult=js2html(v);
oResult.value=ConvertResult;
}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzAvOC8yLzUvNTMvNmE5YzA3MWEwOGYxZGFlMmQzZTFjNTEyMDAwZWVmNDEuanBl.jpe?w=700&webp=1)
function html2js(paraV)
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
...{
return "document.writeln(""+paraV.replace(///g,"//").replace(///g,"//").replace(/'/g,"/'").replace(/"/g,"/"").split(' ').join(""); document.writeln("")+"")";
}
function js2html(paraV)
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzkvMi81LzUvMTgvMzdjOGJmNjhjZGMzY2M4MTc1OWMzNDE2MDc3NmJjNTMuanBl.jpe?w=700&webp=1)
...{
return paraV.replace(/document.writeln("/g,"").replace(/");/g,"").replace(//"/g,""").replace(//'/g,""").replace(////g,"/").replace(////g,"/");
}
![Js与Html互转的一个hta的小工具 Js与Html互转的一个hta的小工具](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzAvOC8yLzUvNTMvNmE5YzA3MWEwOGYxZGFlMmQzZTFjNTEyMDAwZWVmNDEuanBl.jpe?w=700&webp=1)
function doShift(v)
{
doConvert();
}
</script>
</head>
<body>
<div id="head">
<div id="oper">
<label><input type=radio value="html2js" name="c" id="ConvertType1" onclick="doShift()" checked>HTMLtoJS</label>
<label><input type=radio value="js2html" name="c" id="ConvertType2" onclick="doShift()">JStoHTML</label>
</div>
<input type=button value=" 关闭 " onclick="self.close()" name="close" /></div>
<div id="convert">
源内容:
<textarea id="oSource" onpropertychange="doConvert()"></textarea>
<br/><br/>
转换结果:
<textarea id="oResult" title="双击复制" ondblclick='this.select();oResult.createTextRange().execCommand("Copy")'></textarea>
</div>
<div id="foot"><a href="http://blog.csdn.net/sea0x/">Sea</a> test... </div>
</body>
</HTA>