标签：
1、alert(msg)
2、confirm(msg) ： 返回一个boolean
function disp_confirm() { var r=confirm("Press a button") if (r==true) { document.write("You pressed OK!") } else { document.write("You pressed Cancel!") } }
3、http://www.cnblogs.com/sofiawang/articles/1544631.html
window.open(‘page.html‘)
window.open (‘page.html‘, ‘newwindow‘, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no‘) //这句要写成一行
<SCRIPT LANGUAGE="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
‘page.html‘ 弹出窗口的文件名；
‘newwindow‘ 弹出窗口的名字（不是文件名），非必须，可用空‘‘代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束
4、自定义弹框并关闭
//优化：将设置提出来Option,作为参数传递 var Option = { msgw : 350, msgh : 80, titleheight : 25, bordercolor : ‘#336699‘, titlecolor ‘#99CCFF‘ }; /** * 自定义弹框并关闭 * tips : 提示信息 * options : 设置 * timeout ： 超时时间 * callback ： 关闭窗口后操作 */ function Alert(tips,option,timeout,callback,) { var msgw,msgh,bordercolor; msgw=350;//提示窗口的宽度 msgh=80;//提示窗口的高度 titleheight=25 //提示窗口标题高度 bordercolor="#336699";//提示窗口的边框颜色 titlecolor="#99CCFF";//提示窗口的标题颜色 var sWidth,sHeight; //获取当前窗口尺寸 sWidth = document.body.offsetWidth; sHeight = document.body.offsetHeight; // //背景div var bgObj=document.createElement("div"); bgObj.setAttribute(‘id‘,‘alertbgDiv‘); bgObj.style.position="absolute"; bgObj.style.top="0"; bgObj.style.background="#E8E8E8"; bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"; bgObj.style.opacity="0.6"; bgObj.style.left="0"; bgObj.style.width = sWidth + "px"; bgObj.style.height = sHeight + "px"; bgObj.style.zIndex = "10000"; document.body.appendChild(bgObj); //创建提示窗口的div var msgObj = document.createElement("div") msgObj.setAttribute("id","alertmsgDiv"); msgObj.setAttribute("align","center"); msgObj.style.background="white"; msgObj.style.border="1px solid " + bordercolor; msgObj.style.position = "absolute"; msgObj.style.left = "50%"; msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"; //窗口距离左侧和顶端的距离 msgObj.style.marginLeft = "-225px"; //窗口被卷去的高+（屏幕可用工作区高/2）-150 msgObj.style.top = document.body.scrollTop+(window.screen.availHeight/2)-150 +"px"; msgObj.style.width = msgw + "px"; msgObj.style.height = msgh + "px"; msgObj.style.textAlign = "center"; msgObj.style.lineHeight ="25px"; msgObj.style.zIndex = "10001"; document.body.appendChild(msgObj); //提示信息标题 var title=document.createElement("h4"); title.setAttribute("id","alertmsgTitle"); title.setAttribute("align","left"); title.style.margin="0"; title.style.padding="3px"; title.style.background = bordercolor; title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);"; title.style.opacity="0.75"; title.style.border="1px solid " + bordercolor; title.style.height="18px"; title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"; title.style.color="white"; title.innerHTML="提示信息"; document.getElementById("alertmsgDiv").appendChild(title); //提示信息 var txt = document.createElement("p"); txt.setAttribute("id","msgTxt"); txt.style.margin="16px 0"; txt.innerHTML = tips; document.getElementById("alertmsgDiv").appendChild(txt); //设置关闭时间 window.setTimeout("closewin("+callback+")",timeout); } function closewin(callback) { document.body.removeChild(document.getElementById("alertbgDiv")); document.getElementById("alertmsgDiv").removeChild(document.getElementById("alertmsgTitle")); document.body.removeChild(document.getElementById("alertmsgDiv")); callback(); }
5、模态和非模态窗口
window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：
sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1. dialogHeight: 对话框高度，不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
8. status:{yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9. scroll:{ yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
参数传递：
1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为：" + obj.name)
</script>
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://www.jb51.net";
</script>
标签：
原文地址：http://www.cnblogs.com/zzg2009/p/4930162.html
