彈出視窗詳細介紹

2021-09-08 15:24:31 字數 2099 閱讀 3865

一、 基本變化

引數解釋:

window.open 彈出新視窗的命令;

'page.html' 彈出視窗的檔名;

'newwindow' 彈出視窗的名字(不是檔名),非必須,可用空''代替;

100 視窗高度;

width=400 視窗寬度;

top=0 視窗距離螢幕上方的象素值;

left=0 視窗距離螢幕左側的象素值;

*******=no 是否顯示工具欄,yes為顯示;

menubar,scrollbars 表示選單欄和滾動欄。

resizable=no 是否允許改變視窗大小,yes為允許;

location=no 是否顯示位址列,yes為允許;

status=no 是否顯示狀態列內的資訊(通常是檔案已經開啟),yes為允許;

二、 彈啟乙個全屏視窗

加入fullscreen

三、 開啟乙個和按f11所見到的一樣的視窗

加入channelmode

四、 開啟乙個連標題欄都沒有的視窗(無標題、最小、最大、以及關閉按鈕)

dialogtop:150px;center:yes;help:yes;resizable:yes;status:yes')

//-->

2.用showmodelessdialog()

至於showmodaldialog()與showmodelessdialog()的區別,在於showmodaldialog()開啟的視窗(簡稱模式視窗),置在父視窗上,必須關閉才能訪問父視窗(建議盡量少用,以免招人反感);showmodelessdialog()(簡稱無模式視窗),開啟後不必關閉也可訪問父視窗開啟的視窗。

現在我將這裡的一些引數說明一下。

dialogheight: iheight 設定對話方塊視窗的高度。

dialogwidth: iwidth 設定對話方塊視窗的寬度。

dialogleft: ixpos 設定對話方塊視窗相對於桌面左上角的left位置。

dialogtop: iypos 設定對話方塊視窗相對於桌面左上角的top位置。

center: 指定是否將對話方塊在桌面上居中,預設值是「yes」。

help: 指定對話方塊視窗中是否顯示上下文敏感的幫助圖示。預設值是「yes」。

resizable: 指定是否對話方塊視窗大小可變。預設值是「no」。

status: 指定對話方塊視窗是否顯示狀態列。對於非模式對話方塊視窗,預設值是「yes」;對於模式對話方塊視窗,預設值是 「no」。

六、 彈出n 個視窗

這很簡單,只要執行n 次window.open()就行了,當然一定要給每個視窗起不同的名字,

還有,設定一下left和top,避免重疊。

七、 重新整理之後就不再彈出視窗

我們使用cookie來控制一下就可以了。

首先,將如下**加入主頁面html的區:

其中標記的href屬性指定全尺寸的url,target屬性設定為_blank指定在新視窗中顯示該;

如果我們想對顯示全尺寸的視窗的外觀進行某些控制(比如希望彈出視窗的高度、寬度能與全尺寸的大小匹配時),則可呼叫 window.open 方法,該方法接收三個引數,分別指定要開啟檔案的url,視窗名及視窗特性,在視窗特性引數中可指定視窗的高度、寬度,是否顯示選單欄、工具欄等。以下**將顯示全尺寸在乙個沒有工具欄、位址列、狀態列、選單欄,寬、高分別為400、350的視窗中:

這裡就提出了個問題,如果所有全尺寸都具有統一的大小(比如都是400x350),那麼以上**適用於所有的縮略鏈結(只是href屬性指向的全尺寸檔案不同)。但如果全尺寸的大小並不統一,還用以上**則我們需要先取得每幅全尺寸的大小,然後在window.open方法的視窗特性引數中一一設定height和width為正確的值,在數量較多的情況下,這顯然效率太低了。那麼是否有一勞永逸的方法,即讓彈出視窗能自動適應要顯示的大小?通過研究,發現可以使用 dhtml 中的 image 物件來達到我們的目的,image 物件可動態裝載指定的,通過讀取其 width 和 height 屬性即能獲得裝入的大小,以此來設定彈出視窗的大小,即可實現自適應大小的彈出視窗了。下面即是實現**:

ajax彈出視窗提示與彈出視窗

如果用了updatepanel 彈出的寫法 scriptmanager.registerstartupscript this.updatepanel1,page.gettype alert 彈出提示 true scriptmanager.registerstartupscript this.upda...

彈出網頁視窗

1.彈出乙個全屏視窗 onclick window.open url,example01 fullscreen 2.彈出乙個被f11化後的視窗 nclick window.open url,example02 channelmode 3.彈出乙個帶有收藏鏈結工具欄的視窗 nclick window....

彈出視窗頁面

提用的頁面 要開啟的url 要開啟頁面的名稱 視窗寬度 視窗高度 視窗左側位置 視窗右側位置 是否右中 yes no 是否顯示狀態列 yes no true 不關閉彈出視窗,將不能操作父視窗 false 可以操作父視窗 public static void opennewwinodw page pa...