JS控制彈出視窗

2021-09-01 04:54:52 字數 1998 閱讀 8988

一、 基本變化

引數解釋:

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

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

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 屬性即能獲得裝入的大小,以此來設定彈出視窗的大小,即可實現自適應大小的彈出視窗了。下面即是實現**:

js中彈出各種視窗方法

在螢幕 彈出新視窗 function opennewwindow width,height,url 在螢幕 彈出開啟word的新視窗 function openwordwindow url 在螢幕 彈出新視窗 function opennewwindowbymenu width,height,url...

關於JS彈出新視窗

2007年11月30日 星期五 上午 11 37 肯定很多人都知道window.open 是在js裡用來開啟乙個新的視窗的.做什麼呢,多了.但是有時候是想在子視窗沒有關閉的時候不能操作主視窗的,怎麼辦呢,原來還有乙個方法 window.showmodaldialog url,關於它的相關設定可排渡一...

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

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