windowopen与showModalDialog比较.doc

window.open 与 window.showModalDialog比较 发布: 2010-3-19 12:15 | 作者: zzq386866490 | 来源: 青软高宜-青软培训-山东最具实力软件培训机构 window.open与window.showModalDialog都是用来打开子窗口的。open形式是直接打开一个子窗口,但在ie7以及ie8上都不会直接弹出一个窗口，而是在新标签页中打开，这带来两个问题，一个是操作不方便，另一个是原本明明在open时指定了窗口大小的，但是由于是标签页打开，导致设置的窗口大小完全没用，页面中的内容也是在新窗口中完全打开的，本来设计很好的页面打开后完全变形了。这个时候最好是选用dialog形式打开窗口，使用它打开窗口时有几点需要注意的。1设置窗口的参数：? ?open设置参数一般以逗号分隔;? ? dialog中则是以分号分隔的;? ? ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~? ?window.open()参数：? ?window.open (page.html, newwindow, height=100, width=400, top=0, left=0, toolbar=no, menubar=no,rollbars=no, resizable=no,location=no, status=no) ;? ???参数说明：? ???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为允许；??~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~? ? window.showModalDialog(sURL,vArguments,sFeatures)参数：? ?window.showModalDialog(page.html,,resizable:yes;scroll:yes;status:no;dialogWidth=320px;dialogHeight=230px;center=yes;help=no);? ? 参数说明：? ?? ?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。? ?? ?下面几个属性是用在HTA中的，在一般的网页中一般不使用。? ?? ?10.dialogHide:{yes｜no｜1｜0｜on｜off}：在打印或者打印预览时对话框是否隐藏。默认为no。? ??