js创建div:div层的创建方法来源: 发布时间:星期五, 2008年9月26日 浏览:176次 评论:0
用一个实例来和探讨一下div层的创建方法,整理发布,www. 。
<%@ page language=\"java\" import=\"java.util.*\" pageEncoding=\"utf-8\"%> <body> <script type=\"text/javascript\"> function showdiv(){ //得到页面的高度与宽度 var screenWidth=window.screen.width; var screenHeight=window.screen.height; //得到document对象 var doc=top.document; //创建一个新的div var div=document.getElementById(\"div1\"); if(div==null) div=document.createElement(\"DIV\"); div.id=\"div1\";//设置id //下面设置显示位置 div.style.top=screenHeight/4+\"px\"; div.style.left=screenWidth/4+\"px\"; div.style.width=screenWidth/2+\"px\"; div.style.height=screenHeight/2+\"px\"; div.style.position=\"absolute\"; //设置背景颜色 div.style.background=\"yellow\"; div.style.display=\"\";//把层显示出来 //层上的内容 div.innerHTML=\'用户名:<input type=text name=\"usename\"/></br>密码:<input type=password name=\"pwd\"</br><input type=button value=\"提交\"/>\'; doc.body.appendChild(div);//把层添加到当前页面 } function hiddiv(){ //工具ID得到层对象 var div=document.getElementById(\"div1\"); if(div==null) return; div.style.display=\"none\"; } function do1(){ showdiv(); } function do2(){ hiddiv(); } </script> <input type=button value=\"查看\" _disibledevent=\"do2()\"/> </body> </html> 0
相关文章读者评论
发表评论 |