资源预览内容
第1页 / 共11页
第2页 / 共11页
第3页 / 共11页
第4页 / 共11页
第5页 / 共11页
第6页 / 共11页
第7页 / 共11页
第8页 / 共11页
第9页 / 共11页
第10页 / 共11页
亲,该文档总共11页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解JavaScript弹出窗口方法汇总本文实例汇总了常用的JavaScript弹出窗口方法,供大家对比参考,希望能对大家有所帮助。详细方法如下:1.无提示刷新网页:大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。而有的页面不会提示,不弹出提示窗口,直接就刷新了.如果页面没有form,则不会弹出提示窗口如果页面有form表单,a)会弹出提示窗口b)不会弹出2. javascript刷新页面的方法:view sourceprint?1 window.location.reload();使用window.open()弹出的弹出窗口,刷新父窗口view sourceprint?1 window.opener.location.reload()使用window.showDialog弹出的模式窗口view sourceprint?1 window.dialogArguments.location.reload();3.javascript弹出窗口代码:window.open()方式:window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+基本语法:view sourceprint?1 window.open(pageURL,name,parameters)其中:pageURL 为子窗口路径name 为子窗口句柄parameters 为窗口参数(各参数用逗号分隔)示例:view sourceprint?12 3 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)4 /写成一行5 -6脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。各项参数其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。参数 | 取值范围 | 说明| |alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上depended | yes/no | 是否和父窗口同时关闭directories | yes/no | Nav2和3的目录栏是否可见height | pixel value | 窗口高度hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键innerHeight | pixel value | 窗口中文档的像素高度innerWidth | pixel value | 窗口中文档的像素宽度location | yes/no | 位置栏是否可见menubar | yes/no | 菜单栏是否可见outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度resizable | yes/no | 窗口大小是否可调整screenX | pixel value | 窗口距屏幕左边界的像素长度screenY | pixel value | 窗口距屏幕上边界的像素长度scrollbars | yes/no | 窗口是否可有滚动栏titlebar | yes/no | 窗口题目栏是否可见toolbar | yes/no | 窗口工具栏是否可见Width | pixel value | 窗口的像素宽度z-look | yes/no | 窗口被激活后是否浮在其它窗口之上view sourceprint?1 function ShowDialog(url) 2 var iWidth=300; /窗口宽度3 var iHeight=200;/窗口高度4 var iTop=(window.screen.height-iHeight)/2;5 var iLeft=(window.screen.width-iWidth)/2;6 window.open(url,Detail,Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,7 Width=+iWidth+ ,Height=+iHeight+,top=+iTop+,left=+iLeft);8 window.showModalDialog方式:基本介绍:showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。使用方法:view sourceprint?1 vReturnValue = window.showModalDialog(sURL , vArguments ,sFeatures)2 vReturnValue = window.showModelessDialog(sURL , vArguments ,sFeatures)参数说明:sURL-必选参数,类型:字符串。用来指定对话框要显示的文档的URL。vArguments-可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。sFeatures-可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。1.dialogHeight :对话框高度,不小于px,中dialogHeight 和 dialogWidth 默认的单位是em,而中是px,为方便其见,在定义modal方式的对话框时,用px做单位。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 :是否可被改变大小。默认no。8.status: yes | no | 1 | 0 IE5+:是否显示状态栏。默认为yes Modeless或noModal。9.scroll: yes | no | 1 | 0 | on | off :指明对话框是否显示滚动条。默认为yes。下面几个属性是用在HTA中的,在一般的网页中一般不使用。10.dialogHide: yes | no | 1 | 0 | on | off :在打印或者打印预览时对话框是否隐藏。默认为no。11.edge: sunken | raised :指明对话框的边框样式。默认为raised。12.unadorned: yes | no | 1 | 0 | on | off :默认为no。参数传递:(1).要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:-parent.htm页面:view sourceprint?12 var obj = new Object();3 obj.name=jb51;4 window.showModalDialog(modal.htm,obj,dialogWidth=200px;dialogHeight=100px);5modal.htm页面:view sourceprint?12 var obj = window.dialogArguments3 alert(您传递的参数为: + obj.name)4(2)可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:parent.htm页面代码:view sourceprint?12 str =window.showModalDialog(modal.htm,dialogWidth=200px;dialogHeight=100px);3 alert(str);45 modal.htm68例子:view sourceprint?1 function ShowDialog(url) 2 var iWidth=300; /窗口宽度3 var iHeight=200;/窗口高度4 var iTop=(window.screen.height-iHeight)/2;5 var iLeft=(window.screen.width-iWidth)/2;6 window.showModalDialog(url,window,dialogHeight: +iHeight+px; dialogWidth: +iWidth+px;7 dialogTop: +iTop+; dialogLeft: +iLeft+; resizable: no; status: no;scroll:no);8 注意这里的第二个参数,window4.模式窗口数据不刷新(缓存)问题在jsp页面加入如下语句view sourceprint?1 2 response.setHeader(Pragma,No-Cache);3 response.setHeader(Cache-Control,No-Cache);4 response.setDateHeader(Expires, 0);5 %
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号