<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>test1</title> <script> function show(){ var div=top.document.createElement("div"); var divText=document.createTextNode("Saving"); div.appendChild(divText); div.style.width=top.document.documentElement.scrollWidth+"px"; div.style.height=top.document.documentElement.scrollHeight+"px"; div.style.backgroundColor="gray"; div.style.position="absolute"; div.style.left=0; div.style.top=0; div.style.zIndex=9999; if(top.document.all) div.style.filter = "alpha(opacity=30)"; else div.style.opacity = .3; top.document.getElementById("ddd").appendChild(div); alert("真棒"); } </script> </head> <body> <div id="ddd"> <input type="button" value="click" onclick="show()" /> </div> </body> </html>