自己編寫html代碼生成器，僅做參考，功能很簡單
<html>
<head>
<title>HTML生成器</title>
<script type="text/javascript">
var x=0;
var y=0;
/*
*初始化html代碼
*/
function loadData(){
//換行符
var newline="/r/n";
var obj=document.getElementById("html_content");
//定義頁面字符變量
var htmlStr="";
htmlStr+="<html>"+newline;
htmlStr+="<head>"+newline;
htmlStr+="<title>請輸入網頁標題</title>"+newline;
htmlStr+="</head>"+newline;
htmlStr+="<body>"+newline;
htmlStr+="</body>"+newline;
htmlStr+="</html>"+newline;
obj.value=htmlStr;
}
/*
*產生按鈕的html代碼
*/
function getButtonStr(){
var controlStr=document.all.control_id.value;
var str="<input type=/"button/" id=/""+controlStr+"/""+" name=/""+controlStr+"/""+">";
insertText(document.all.html_content,str);
//document.all.html_content.value=str;
}
/*
*產生文本框的html代碼
*/
function getTextStr(){
var controlStr=document.all.control_id.value;
var str="<input type=/"text/" id=/""+controlStr+"/""+" name=/""+controlStr+"/""+">";
//document.all.html_content.value=str;
insertText(document.all.html_content,str);
}
/*
*產生隱藏域的html代碼
*/
function getHiddenStr(){
var controlStr=document.all.control_id.value;
var str="<input type=/"hidden/" id=/""+controlStr+"/""+" name=/""+controlStr+"/""+">";
//document.all.html_content.value=str;
insertText(document.all.html_content,str);
}
/*
*產生select的html代碼
*/
function getSelectStr(){
var newline="/r/n";
var str="";
var controlStr=document.all.control_id.value;
str="<slect id=/""+controlStr+"/""+" name=/""+controlStr+"/""+">"+newline;
str+="<option value="+"/""+"/""+"></option>"+newline;
str+="</select>"+newline;
//document.all.html_content.value=str;
insertText(document.all.html_content,str);
}
/*
*打開模式對話框,顯示網頁的運行效果
*/
function previewHtml(){
var htmlCode=document.getElementById("html_content").value;
var newwin=window.open('','',''); //打開一個窗口並賦給變量newwin。
newwin.opener = null // 防止代碼對論談頁面修改
newwin.document.write(htmlCode); //向這個打開的窗口中寫入代碼code，這樣就實現了運行代碼功能。
newwin.document.close();
}
/*
*產生table的html代碼
*/
function getTableStr(){
var newline="/r/n";
var str="";
var controlStr=document.all.control_id.value;
str="<table id=/""+controlStr+"/""+" name=/""+controlStr+"/""+">"+newline;
str+="<tr>"+newline;
str+="<td>"+newline;
str+="</td>"+newline;
str+="</tr>"+newline;
str+="</table>"+newline;
//document.all.html_content.value=str;
insertText(document.all.html_content,str);
}
/**
*保存焦點
*/
function savePoint()
{
var rng = event.srcElement.createTextRange();
x=event.x;
y=event.y;
}
/*
*插入代碼
*/
function insertText(obj,str){
var newline="/r/n";
var rng=obj.createTextRange();
rng.moveToPoint(x,y);
rng.moveStart("character",-obj.value.length) ;
var before=rng.text;
var newLineNum=before.split(newline).length-1;
var num=rng.text.length;
rng.moveStart("character",-obj.value.length);
rng.moveEnd("character",-obj.value.length);
rng.collapse(true);
rng.moveStart("character",num-newLineNum) ;
rng.moveEnd("character",obj.value.length);
var after=rng.text;
obj.value=before+str+after;
}
</script>
</head>
<body οnlοad="loadData()">
<input type="button" name="cache_alert" value="初始化HTML代碼" οnclick="loadData()">
<input type="button" name="cache_alert" value="測試Area的值" οnclick="alert(document.all.html_content.value)">
<input type="button" name="btn_review" value="預覽效果" οnclick="previewHtml()">
<table>
<tr>
<td>HTML代碼
</td>
<td>
<textarea id="html_content" rows="10" cols="60" οnclick="savePoint()" >
</textarea>
</td>
</tr>
<tr>
<td>
控件id
</td>
<td>
<input type="text" id="control_id" name="control_id" value="">
</td>
</tr>
<tr>
<td>
<input type="button" name="btn_get_button" value="產生按鈕" οnclick="getButtonStr()">
</td>
<td>
<input type="button" name="btn_get_text" value="產生文本" οnclick="getTextStr()">
</td>
</tr>
<tr>
<td>
<input type="button" name="btn_get_select" value="產生Select" οnclick="getSelectStr()">
</td>
<td>
<input type="button" name="btn_get_text" value="產生隱藏域" οnclick="getHiddenStr()">
</td>
</tr>
<tr>
<td>
<input type="button" name="btn_get_select" value="產生表格" οnclick="getTableStr()">
</td>
<td>
<input type="button" name="btn_get_text" value="產生文本" οnclick="tellPoint()">
</td>
</tr>
</table>
</body>
</html>
