欧美性xxxx极品高清,九九99久久精品综合,国产乱人伦精品一区二区,gogo欢欢销魄人体

首頁 我們 服務(wù) 網(wǎng)站建設(shè) 移動(dòng)應(yīng)用 案例 資訊 聯(lián)系
業(yè)務(wù)專線:15989169178

期待聆聽您的聲音

15989169178

不忽悠,不作惡,不欺詐;敬天理,存良知,思利他。
QQ咨詢 QQ咨詢 QQ咨詢
服務(wù)網(wǎng)點(diǎn):廣州 深圳 佛山 粵西

與我們一起分享美好

js彈出窗口詳解

發(fā)布時(shí)間:2018-04-20 發(fā)布作者:睿思設(shè)計(jì) 查閱次數(shù):2442次 標(biāo)簽:廣州網(wǎng)站建設(shè) 廣州網(wǎng)站建設(shè)公司

 

 

參數(shù)解釋: 

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

'page.html' 彈出窗口的文件名; 

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

100 窗口高度; 

width=400 窗口寬度; 

top=0 窗口距離屏幕上方的象素值; 

left=0 窗口距離屏幕左側(cè)的象素值; 

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

menubar,scrollbars 表示菜單欄和滾動(dòng)欄。 

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

location=no 是否顯示地址欄,yes為允許; 

status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開),yes為允許; 



二、 彈啟一個(gè)全屏窗口 

 



--------------------------------------------------------------------------------


 



加入fullscreen 

 

 


三、 打開一個(gè)和按F11所見到的一樣的窗口 


 



--------------------------------------------------------------------------------


 



加入channelmode 

 

 


四、 打開一個(gè)連標(biāo)題欄都沒有的窗口(無標(biāo)題、最小、最大、以及關(guān)閉按鈕) 


 



--------------------------------------------------------------------------------


 



 

 

function unload() 

var popUpSizeX=200; //窗口的寬度 

var popUpSizeY=166; //窗口的高度 


var popUpLocationX=2;//距離左邊的距離 相當(dāng)于 left 

var popUpLocationY=2;//距離頂端的距離 相當(dāng)于 top 


// URL of the popUp 

var popUpURL="http://www.33d9.com/default.asp";; //打開頁面的路徑 


// ** 下面的就不要隨便改了 *** 

splashWin = window.open("",'x','fullscreen=1, ,scrollbars=auto,resizable=1'); 

splashWin.blur(); // Hide while updating 

window.focus(); 

splashWin.resizeTo(popUpSizeX,popUpSizeY); 

splashWin.moveTo(popUpLocationX,popUpLocationY); 

splashWin.location=popUpURL; 

// END 

unload(); 

 

 

 


看看,什么效果? 如果把resizable 設(shè)為0 scrollbars = no 呢? 


五、 沒有最大化按紐的窗口 


 



--------------------------------------------------------------------------------


 



其實(shí)也就是象軟件的“關(guān)于我們”的那個(gè)窗口一樣,下面就是用對(duì)話框窗口來實(shí)現(xiàn)它。 

showModalDialog()以及showModelessDialog() 


1.用showModalDialog() 

 

 

 

www.fwcn.com 

 

 

2.用showModelessDialog() 

 

 

 

www.fwcn.com 

 

 

至于showModalDialog()與showModelessDialog()的區(qū)別,在于showModalDialog()打開的窗口(簡稱模式窗口),置在父窗口上,必須關(guān)閉才能訪問父窗口(建議盡量少用,以免招人反感);showModelessDialog()(簡稱無模式窗口),打開后不必關(guān)閉也可訪問父窗口打開的窗口。 


現(xiàn)在我將這里的一些參數(shù)說明一下。 

dialogHeight: iHeight 設(shè)置對(duì)話框窗口的高度。 

dialogWidth: iWidth 設(shè)置對(duì)話框窗口的寬度。    

dialogLeft: iXPos 設(shè)置對(duì)話框窗口相對(duì)于桌面左上角的left位置。 

dialogTop: iYPos 設(shè)置對(duì)話框窗口相對(duì)于桌面左上角的top位置。 

center: {yes | no | 1 | 0 } 指定是否將對(duì)話框在桌面上居中,默認(rèn)值是“yes”。 

help: {yes | no | 1 | 0 } 指定對(duì)話框窗口中是否顯示上下文敏感的幫助圖標(biāo)。默認(rèn)值是“yes”。    

resizable: {yes | no | 1 | 0 } 指定是否對(duì)話框窗口大小可變。默認(rèn)值是“no”。 

status: {yes | no | 1 | 0 } 指定對(duì)話框窗口是否顯示狀態(tài)欄。對(duì)于非模式對(duì)話框窗口,默認(rèn)值是“yes”;對(duì)于模式對(duì)話框窗口,默認(rèn)值是 “no”。 


六、 彈出n 個(gè)窗口 

這很簡單,只要執(zhí)行n 次window.open()就行了,當(dāng)然一定要給每個(gè)窗口起不同的名字, 

還有,設(shè)置一下left和top,避免重疊。 


七、 刷新之后就不再彈出窗口 

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

首先,將如下代碼加入主頁面HTML的區(qū): 

function openwin(){ 

window.open("page.html","","width=200,200") 

function get_cookie(Name) { 

var search = Name + "=" 

var returnvalue = ""; 

if (documents.cookie.length > 0) { 

offset = documents.cookie.indexOf(search) 

if (offset != -1) { 

offset += search.length 

end = documents.cookie.indexOf(";", offset); 

if (end == -1) 

end = documents.cookie.length; 

returnvalue=unescape(documents.cookie.substring(offset, end)) 

return returnvalue; 

function loadpopup(){ 

if (get_cookie('popped')==''){ 

openwin() 

documents.cookie="popped=yes" 

 

然后,用(注意不是openwin而是loadpop?。。?替換主頁面中原有的這一句即可。你可以試著刷新一下這個(gè)頁面或重新進(jìn)入該頁面,窗口再也不會(huì)彈出了。 


八、 讓彈出窗口適應(yīng)里面圖片的大小 


很多時(shí)候我們需要提供這樣的功能給訪問者:當(dāng)訪問者點(diǎn)擊頁面中的縮略圖時(shí),其對(duì)應(yīng)的全尺寸圖片將顯示在一個(gè)新的彈出窗口中供訪問者查看。 


  實(shí)現(xiàn)此功能的最簡單作法是用以下HTML代碼創(chuàng)建一個(gè)圖像鏈接: 

   

  其中標(biāo)記的href屬性指定全尺寸圖片的URL,target屬性設(shè)置為_blank指定在新窗口中顯示該圖片;標(biāo)記的src屬性指定縮略圖的URL。 


  如果我們想對(duì)顯示全尺寸圖片的窗口的外觀進(jìn)行某些控制(比如希望彈出窗口的高度、寬度能與全尺寸圖片的大小匹配時(shí)),則可調(diào)用 window.open 方法,該方法接收三個(gè)參數(shù),分別指定要打開文件的URL,窗口名及窗口特性,在窗口特性參數(shù)中可指定窗口的高度、寬度,是否顯示菜單欄、工具欄等。以下代碼將顯示全尺寸圖片在一個(gè)沒有工具欄、地址欄、狀態(tài)欄、菜單欄,寬、高分別為400、350的窗口中: 

 


  這里就提出了個(gè)問題,如果所有全尺寸圖片都具有統(tǒng)一的大小(比如都是400x350),那么以上代碼適用于所有的縮略圖片鏈接(只是href屬性指向的全尺寸圖片文件不同)。但如果全尺寸圖片的大小并不統(tǒng)一,還用以上代碼則我們需要先取得每幅全尺寸圖片的大小,然后在window.open方法的窗口特性參數(shù)中一一設(shè)置height 和width為正確的值,在圖片數(shù)量較多的情況下,這顯然效率太低了。那么是否有一勞永逸的方法,即讓彈出窗口能自動(dòng)適應(yīng)要顯示圖片的大?。客ㄟ^研究,發(fā)現(xiàn)可以使用 DHTML 中的 Image 對(duì)象來達(dá)到我們的目的,Image 對(duì)象可動(dòng)態(tài)裝載指定的圖片,通過讀取其 width 和 height 屬性即能獲得裝入圖片的大小,以此來設(shè)置彈出窗口的大小,即可實(shí)現(xiàn)自適應(yīng)圖片大小的彈出窗口了。下面即是實(shí)現(xiàn)代碼: 

 

 


  使用時(shí)將上面的代碼放在網(wǎng)頁文檔的標(biāo)記對(duì)中,然后在鏈接的點(diǎn)擊事件中調(diào)用 OpenFullSizeWindow函數(shù),如即可。 

以上代碼在IE 5.x-6.0中測試通過。 


九、 比較靈活的HTA窗口 



 



--------------------------------------------------------------------------------


 



我簡單介紹一下,HTA的全名為HTML Application,翻譯過來就是HTML應(yīng)用程序,你只要簡單的用.hta為擴(kuò)展名保存HTML頁面就算創(chuàng)建了一個(gè)HTA文件,下面我們就用HTA 來編個(gè)窗口,將以下這段代碼保存為.hta文件,然后再用瀏覽器打開,會(huì)發(fā)現(xiàn)什么?買個(gè)關(guān)子,自己去瞧瞧。 


 

 

www.fwcn.com 

<HTA:APPLICATION ID="oHTA" 

APPLICATIONNAME="myApp" 

  BORDER="thin" 

  BORDERSTYLE="normal" 

  CAPTION="yes" 

  ICON="filename.ico" 

  MAXIMIZEBUTTON="yes" 

  MINIMIZEBUTTON="yes" 

  SHOWINTASKBAR="no" 

  INGLEINSTANCE="no" 

  SYSMENU="yes" 

  VERSION="1.0" 

  WINDOWSTATE="normal" /> 

 

 

www.fwcn.com 

 

 


有人會(huì)發(fā)現(xiàn)上面這些代碼與平時(shí)的html有點(diǎn)不同,多了HTA:APPLICATION標(biāo)簽,這就是關(guān)鍵之處,hta通過它來提供一系列面向應(yīng)用程序的功能,接下來再講一講它的屬性(我的頭又在發(fā)脹) 


APPLICATIONNAME屬性(applicationName) 

  此屬性為設(shè)置HTA的名稱。 

  BORDER屬性(border) 

  此屬性為設(shè)置為HTA的窗口邊框類型,默認(rèn)值為 thick。 

  它可以設(shè)為 thick 指定窗口為粗邊框 

        dialog window 指定窗口為對(duì)話框 

        none 指定窗口無邊框 

        thin 指定窗口為窄邊框 

BORDERSTYLE屬性(borderStyle) 

  此屬性為設(shè)置HTA窗口的邊框格式,默認(rèn)值為 normal。 

  它可以設(shè)為 

   normal 普通邊框格式 

   complex 凹凸格式組合邊框 

   raised 凸出的3D邊框 

   static 3D邊框格式 

   sunken 凹進(jìn)的3D邊框 

CAPTION屬性(caption) 

  此屬性為設(shè)置HTA窗口是否顯示標(biāo)題欄或標(biāo)題,默認(rèn)值為 yes。 

ICON屬性(icon) 

  此屬性為設(shè)置應(yīng)用程序的圖標(biāo)。 

MAXIMIZEBUTTON屬性(maximizeButton) 

  此屬性為設(shè)置是否在HTA窗口中顯示最大化按鈕,默認(rèn)值為 yes。 

MINIMIZEBUTTON屬性(minimizeButton) 

  此屬性為設(shè)置是否在HTA窗口中顯示最小化按鈕,默認(rèn)值為 yes。 

SHOWINTASKBAR屬性(showInTaskBar) 

  此屬性為設(shè)置是否在任務(wù)欄中顯示此應(yīng)用程序,默認(rèn)值為 yes。 

SINGLEINSTANCE屬性(singleInstance) 

  此屬性為設(shè)置是否此應(yīng)用程序同時(shí)只能運(yùn)行一次。次屬性以APPLICATIONNAME屬性作為標(biāo)識(shí),默認(rèn)值為 no。 

SYSMENU屬性(sysMenu) 

  此屬性為設(shè)置是否在HTA窗口中顯示系統(tǒng)菜單,默認(rèn)值為 yes。 

VERSION屬性(version) 

  此屬性為設(shè)置應(yīng)用程序的版本,默認(rèn)值為空。 

WINDOWSTATE屬性(windowState) 

  此屬性為設(shè)置HTA窗口的初始大小,默認(rèn)值為 normal。 

  它可以設(shè)為 normal 默認(rèn)大小 

        minmize 最小化 

        maximize 最大化 

以上括號(hào)中的是在腳本引用的屬性。在腳本中以上屬性皆為只讀屬性。此外,在腳本中還可以使用commandLine屬性來檢索應(yīng)用程序啟動(dòng)時(shí)的參數(shù)。 

在HTA中還可以繼續(xù)使用html中的絕大多數(shù)標(biāo)簽、腳本等。 


將網(wǎng)頁變成黑白的簡單方法

優(yōu)秀的網(wǎng)站著陸頁設(shè)計(jì)需掌握那些技巧?

我們的位置

廣州 廣州市黃埔區(qū)科學(xué)城科學(xué)大道18號(hào)芯大廈 159 8916 9178

深圳 深圳市南山區(qū)大沖國際中心九樓 159 1543 2684

粵西 茂名市茂南區(qū)油城三路粵西創(chuàng)業(yè)創(chuàng)新孵化基地B110 157 6767 8148

我們的服務(wù)

網(wǎng)站及移動(dòng)應(yīng)用 高端品牌網(wǎng)站 APP開發(fā) 小程序開發(fā) 微信運(yùn)營

系統(tǒng)應(yīng)用開發(fā) OA/ERP/CRM/HR系統(tǒng)開發(fā) 教學(xué)管理系統(tǒng) 電商系統(tǒng) 應(yīng)用型軟件系統(tǒng)定制開發(fā)

了解我們

公司簡介 聯(lián)系我們 我們的案例 新聞資訊

使用條款 隱私聲明 Cookies

© 2009-2025 廣州睿網(wǎng)信息科技有限公司 版權(quán)所有 粵ICP備16051058號(hào)