弹出式输入框（示例代码）

如下所示：
复制代码代码如下所示：

功能alertwin（标题、味精、W、H）{

无功titleheight =22px ； / /窗口标题的高度
VaR BorderColor =# 666699 ； / /窗口边框颜色
无功titlecolor =# ffffff ； / /窗口标题的颜色
无功titlebgcolor =# 666699 ； / /窗口背景颜色的标题
VAR背景颜色=# ffffff ； / /内容的背景颜色
VaR的Iwidth = document.documentelement.clientwidth； / /窗口宽度
VaR的Iheight = document.documentelement.clientheight； / /窗口的高度

/背景层格式
无功bgobj = document.createelement（div）；

bgobj.style.csstext = 的位置：绝对；左：0px；顶部：0px；宽度：+ Iwidth +PX；高度：+ math.max（document.body.clientheight，的Iheight）+math.max ；

document.body.appendchild（bgobj）；

无功iframe2 = document.createelement（漏洞）；
iframe2.style.csstext = 的位置：绝对；顶部：0px；过滤器：α（不透明度30）；不透明度：0.3；背景颜色：# 000000；Z指数：1001；边框样式：无；边框宽度：0px；border: 0px；++ + + + + + +。
bgobj.appendchild（iframe2）；

创建一个弹出窗口
无功msgobj = document.createelement（div）；
设置图层样式
msgobj.style.csstext = 的位置：绝对字体：11px顶：'；宋体；+（的Iheight·h）/ 2 + PX；左：+（Iwidth w）/ 2 + PX；宽度：+ W + PX + H +高度：；PX；文本对齐：中心；边界：1px + BorderColor +固体；的背景颜色：+ bgcolor；填充：1px；线高度：22px；Z指数：1001；；
document.body.appendchild（msgobj）；
创建一个用于接收内容的表层
无功表= document.createelement（表）；
在弹出层表中
msgobj.appendchild（表）；
设置表格式
table.style.csstext =保证金：0px；border: 0px；padding: 0px；；
table.cellspacing = 0；
插入一个用于显示标题的行
VaR TR = table.insertrow（- 1）；
插入一个容纳标题的单元格
标题= tr.insertcell VaR（1）；
titlebar.style.csstext =宽度：100%；高度：+ titleheight +PX；文本对齐：左；填充：3px；保证金：0px；字体：黑体13px 歌体；颜色：+ + + +；++ + +；；；+；+；
titlebar.style.paddingleft =10px ；
设置标题
titlebar.innerhtml =标题；
Ceng De设置拖动事件
VaR Movex = 0；
无功movey = 0；
无功movetop = 0；
VaR向左移动= 0；
var =假；
无功docmousemoveevent = document.onmousemove；
无功docmouseupevent = document.onmouseup；
鼠标单击标题
titlebar.onmousedown =函数（）{
var = GetEvent（EVT）；
可移动的=真实的；
Movex = evt.clientx；
movey = evt.clienty；
movetop = parseInt（msgobj。风格。顶部）；
向左移动= parseInt（msgobj。风格。左）；
鼠标拖动。
document.onmousemove =函数（）{
如果（可移动）{
var = GetEvent（EVT）；
var x =向左移动+ evt.clientx -继续前进；
var y = movetop + evt.clienty - movey；
如果（x > 0（X + 0 W（Y + H <0的Iheight））{
msgobj.style.left = x +PX；
msgobj.style.top = y +PX；
}
}
}；
document.onmouseup =函数（）{
如果（可移动）{
document.onmousemove = docmousemoveevent；
document.onmouseup = docmouseupevent；
可移动的=错误的；
Movex = 0；
movey = 0；
movetop = 0；
向左移动= 0；
}
}；
}

关闭按钮事件
无功closebtn = tr.insertcell（- 1）；
closebtn.style.csstext =鼠标指针；文本对齐：右；填充：2px；背景颜色：+ titlebgcolor；
closebtn.innerhtml =X；
closebtn.onclick =函数（）{
document.body.removechild（bgobj）；
document.body.removechild（msgobj）；
}

弹出消息窗口的内容
VaR MsgBox = table.insertrow（- 1），InsertCell（1）；
msgbox.style.csstext =字体：10pt歌体；；
msgbox.colspan = 2；
msgbox.innerhtml =味精；
层模板名称内容
VaR namebox中= table.insertrow（- 1）；
无功namelable = namebox.insertcell（- 1）；
namelable.style.csstext =字体：12pt 歌体；文本对齐：中心；；
namelable.innerhtml =输入身份证号码：；
无功nametext = namebox.insertcell（- 1）；
nametext.style.csstext =字体：12pt 歌体；文本对齐：左；margin-left: 0px ；
nametext.innerhtml = ；
层动作按钮的内容
无功submitbox = table.insertrow（- 1）；
无功submitbtn = submitbox.insertcell（- 1）；
submitbtn.style.csstext =文本对齐：中心；；
submitbtn.colspan = 2；
submitbtn.innerhtml = ；
功能GetEvent（）{
返回window.event参数。被叫。来电。论点{ 0 } | |；
}
}