HTML与JavaScript页面交互示例-优快云博客

<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css" >
body,td,th,div,input{font-size:12px}
.STYLE1 {
color: #FFFFFF;
font-weight: bold;
}
</style>
<script language="javascript" type="text/javascript">
function hidit(){

   var oMask=document.getElementById("divMask");
   var oMsg=document.getElementById("divMsg");
   oMask.style.display="none";
   oMsg.style.display="none";
}
document.write ('<div id="divMask" style="display:none" onclick="return false" onselectstart="return false" ondbclick="return false"> </div><div style="display:none" id="divMsg"><form id="form1" name="form1" method="post" action=""><table width="200" border="0" cellpadding="1" cellspacing="1" bgcolor="#336699"><tr><td style=" font-weight:bold; color:#FFFFFF">友情提示</td></tr><tr><td><table width="99%" height="99%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><td><img name="v" src="" width="250" height="60" alt="" style="background-color: #FFFF00"></td></tr><tr><td><input name="testinput" type="text" id="testinput" size="6" maxlength="5"> Test</td></tr><tr><td><div align="center"><input type="submit" name="Submit2" value="test" onClick="hidit();"><input name="m" type="hidden" id="m"><input name="g" type="hidden" id="g"></div></td></tr></table></td></tr></table></form></div>');
function showmsg(){

var oMask=document.getElementById("divMask");
oMask.style.display="";
oMask.style.width="100%";
oMask.style.height="100%";
oMask.style.position="absolute";
oMask.style.left=0;
oMask.style.top=0;
oMask.style.backgroundColor="#eeeeee";
oMask.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
var oMsg=document.getElementById("divMsg");
oMsg.style.display="";
oMsg.style.width=200;

oMsg.style.position="absolute";

oMsg.style.left=screen.width/3;
oMsg.style.top=screen.height/3;

oMsg.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
oMask.style.zIndex=0;
oMsg.style.zIndex=1;
}

</script>
</head>

</body>
</html>