以创建按钮为例
<html>
<head>
<script>
function add1()
{
var obtn=document.createElement("input");
obtn.setAttribute("type","button");
obtn.setAttribute("value","test1");
document.body.appendChild(obtn);//注意如果有form表单不要忘记加入表单
}
function add2()
{
var obtn=document.createElement("input");
obtn.type="button";
obtn.value="test2";
document.body.appendChild(obtn);
}
function add3()
{
var obtn="<input type='button' value='test3'/>";
document.body.innerHTML=obtn;//这个方法会删除body中的其它控件 可以预先加到固定的容器中
}
</script>
</head>
<body>
<input type="button" value="add1" onclick="add1()"/>
<input type="button" value="add2" onclick="add2()"/>
<input type="button" value="add3" onclick="add3()"/>
</body>
</html>
（一）aspx页面上的代码片段
<body>
<script language="javascript" type="text/javascript">
function DisplayBehindCode() {
var text="<%=Name()%>";
alert(text);
}
</script>
....
<asp:Button ID ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="edit ......
