javascript如何實(shí)現(xiàn)彈出浮動(dòng)窗口

html

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),昌江黎族企業(yè)網(wǎng)站建設(shè),昌江黎族品牌網(wǎng)站建設(shè),網(wǎng)站定制,昌江黎族網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,昌江黎族網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶(hù)成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

head

titleJs彈出浮動(dòng)窗口，支持鼠標(biāo)拖動(dòng)和關(guān)閉/title

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/

script?type="text/javascript"

/**

關(guān)于一些參數(shù)說(shuō)明：

*bodycontent:要在窗口顯示的內(nèi)容，dom對(duì)象

*title:窗口標(biāo)題，字符串類(lèi)型

*removeable:窗口能否拖動(dòng)，布爾類(lèi)型

*注意：內(nèi)容窗體的高度是height-30px，請(qǐng)計(jì)算好你要顯示的內(nèi)容的高度和寬度。彈出窗的id為"223238909"，所以你的頁(yè)面不要再取值為"223238909"的id了，以防js執(zhí)行出錯(cuò)*/

function?createdialog(width,height,bodycontent,title,removeable){

if(document.getElementById("www_phpstudy_net")==null){

/*創(chuàng)建窗口的組成元素*/

var?dialog?=?document.createElement("div");

var?dialogtitlebar=?document.createElement("div");

var?dialogbody?=?document.createElement("div");

var?dialogtitleimg?=?document.createElement("span");

var?dialogtitle?=?document.createElement("span");

var?dialogclose?=?document.createElement("span");

var?closeaction?=?document.createElement("button");

/*為窗口設(shè)置一個(gè)id，id如此怪異是為了盡量避免與其他用戶(hù)取的id相同而出錯(cuò)*/

dialog.id?=?"223238909";

/*組裝對(duì)話(huà)框標(biāo)題欄,按從里到外的順序組裝*/

dialogtitle.innerHTML?=?title;

dialogtitlebar.appendChild(dialogtitleimg);

dialogtitlebar.appendChild(dialogtitle);

dialogtitlebar.appendChild(dialogclose);

dialogclose.appendChild(closeaction);

/*組裝對(duì)話(huà)框主體內(nèi)容*/

if(bodycontent!=null){

bodycontent.style.display?=?"block";

dialogbody.appendChild(bodycontent);

}

/*組裝成完整的對(duì)話(huà)框*/

dialog.appendChild(dialogtitlebar);

dialog.appendChild(dialogbody);

/*設(shè)置窗口組成元素的樣式*/

var?templeft,temptop,tempheight//窗口的位置（將窗口放在頁(yè)面中間的輔助變量）

var?dialogcssText,dialogbodycssText;//拼出dialog和dialogbody的樣式字符串

templeft?=?(document.body.clientWidth-width)/2;

temptop?=?(document.body.clientHeight-height)/2;

tempheight=?height-30;

dialogcssText=?"position:absolute;background:#65c294;padding:1px;border:4px;top:"+temptop+"px;left:"+templeft+"px;height:"+height+"px;width:"+width+"px;";

dialogbodycssText?=?"width:100%;background:#ffffff;"+"height:"?+?tempheight?+?"px;";

dialog.style.cssText?=?dialogcssText;

dialogtitlebar.style.cssText?=?"height:30px;width:100%;background:url(images/titlebar.png)?repeat;cursor:move;";

dialogbody.style.cssText??=?dialogbodycssText;

dialogtitleimg.style.cssText?=?"float:left;height:20px;width:20px;background:url(images/40.gif);"+"display:block;margin:4px;line-height:20px;";

dialogtitle.style.cssText?=?"font-size:16px;float:left;display:block;margin:4px;line-height:20px;";

dialogclose.style.cssText??=?"float:right;display:block;margin:4px;line-height:20px;";

closeaction.style.cssText?=?"height:20px;width:24px;border-width:1px;"+"background-image:url(images/close.png);cursor:pointer;";

/*為窗口元素注冊(cè)事件*/

var?dialogleft?=?parseInt(dialog.style.left);

var?dialogtop?=?parseInt(dialog.style.top);

var?ismousedown?=?false;//標(biāo)志鼠標(biāo)是否按下

/*關(guān)閉按鈕的事件*/???????

closeaction.onclick?=?function(){

dialog.parentNode.removeChild(dialog);

}

/*實(shí)現(xiàn)窗口的移動(dòng)，這段代碼很典型，網(wǎng)上很多類(lèi)似的代碼*/

if(removeable?==?true){

var?ismousedown?=?false;

var?dialogleft,dialogtop;

var?downX,downY;

dialogleft?=?parseInt(dialog.style.left);

dialogtop?=?parseInt(dialog.style.top);

dialogtitlebar.onmousedown?=?function(e){

ismousedown?=?true;

downX?=?e.clientX;

downY?=?e.clientY;

}

document.onmousemove?=?function(e){

if(ismousedown){

dialog.style.top?=?e.clientY?-?downY?+?dialogtop?+?"px";

dialog.style.left?=?e.clientX?-?downX?+?dialogleft?+?"px";

}

}

/*松開(kāi)鼠標(biāo)時(shí)要重新計(jì)算當(dāng)前窗口的位置*/

document.onmouseup?=?function(){

dialogleft?=?parseInt(dialog.style.left);

dialogtop?=?parseInt(dialog.style.top);

ismousedown?=?false;

}

}

return?dialog;?

}//end?if(if的結(jié)束)

}

/script

style

table{background:#b2d235;}

button{font-size:12px;height:23;background:#ece9d8;border-width:1;}

#linkurl,#linkname,#savelink{width:100px;}

/style

/head

body

!--?顯示窗口的地方?--

div?id="here"/diva?id="clickhere"?href="#"點(diǎn)擊生成窗口/a

!--?要嵌入到窗口的內(nèi)容?--

div?id="login"?style="display:none;"

form?action="#"?method="post"?onSubmit="return?false;"

table?width="400"?height="95"

tr

td?width="78"鏈接文字/td

td?width="168"input?name="link.name"?type="text"http://td

td?width="138"?id="linktext"/td

/tr

tr

td鏈接地址/td

tdinput?name="link.url"?type="text"http://td

td?id="linkurl"/td

/tr

tr

td/td

tdbutton?type="submit"?style="float:right;"添加/button/td

td?id="savelink"/td

/tr

/table

/form

/div

script?type="text/javascript"

var?here?=?document.getElementById("here");

var?login?=?document.getElementById("login");

var?clickhere?=?document.getElementById("clickhere");

clickhere.onclick?=?function(){

here.appendChild(createdialog(400,95+30,login,"歡迎光臨phpstudy",true));

}

/script

/body

/html

JavaScript如何判斷一個(gè)彈出窗口是否關(guān)閉

你指的彈出窗口是指alert這樣的js自帶的彈窗，

還是只自定義浮于其他組件上的彈窗？

系統(tǒng)自帶的，確認(rèn)框也好，輸入框也好，都是有阻塞的，

因?yàn)閖s是單線(xiàn)程語(yǔ)言，所以彈窗彈出后，整個(gè)頁(yè)面都會(huì)阻塞，

你的下一步操作可以放在彈窗之后，因?yàn)橹挥型瓿闪藦棿暗年P(guān)閉，之后的代碼塊才會(huì)執(zhí)行，

也就是說(shuō)在此之后默認(rèn)就是彈窗關(guān)閉了，對(duì)于有返回值的也可以用返回值判斷。

其次就是自定義的彈窗，一般就是div一個(gè)遮罩層和一個(gè)業(yè)務(wù)層，

使用絕對(duì)布局加z-index就可以，這種要判斷彈窗是否關(guān)閉一般來(lái)說(shuō)有兩種，

一是生成型彈窗，用js生成，平時(shí)不存在與html中，用尋找對(duì)應(yīng)id的組件是否存在的方式就可以判斷是否處于關(guān)閉狀態(tài)，

二是隱藏型彈窗，給一個(gè)display:none的屬性，要彈出時(shí)就將屬性更改為block之類(lèi)，一般這種就是直接比較這個(gè)div的樣式中display是否等于none就可以了。

js彈出窗口的命令

1、window.open(pageURL,name,parameters)

pageURL 為彈出窗口路徑;

name 為彈出窗口名稱(chēng)，也可以是系統(tǒng)自帶的比如：_self, _blank,_top,_parent ... ;

parameters 為窗口參數(shù)(各參數(shù)用逗號(hào)分隔) ;

各項(xiàng)參數(shù)

其中yes/no也可使用1/0，pixel value為具體的數(shù)值，單位象素。

參數(shù) 取值范圍 說(shuō)明

alwaysLowered yes/no 指定窗口隱藏在所有窗口之后

alwaysRaised yes/no 指定窗口懸浮在所有窗口之上

depended yes/no 是否和父窗口同時(shí)關(guān)閉

directories yes/no Nav2和3的目錄欄是否可見(jiàn)

height pixel value 窗口高度

hotkeys yes/no 在沒(méi)菜單欄的窗口中設(shè)安全退出熱鍵

innerHeight pixel value 窗口中文檔的像素高度

innerWidth pixel value 窗口中文檔的像素寬度

location yes/no 位置欄是否可見(jiàn)

menubar yes/no 菜單欄是否可見(jiàn)

outerHeight pixel value 設(shè)定窗口(包括裝飾邊框)的像素高度

outerWidth pixel value 設(shè)定窗口(包括裝飾邊框)的像素寬度

resizable yes/no 窗口大小是否可調(diào)整

screenX pixel value 窗口距屏幕左邊界的像素長(zhǎng)度

screenY pixel value 窗口距屏幕上邊界的像素長(zhǎng)度

scrollbars yes/no 窗口是否可有滾動(dòng)欄

titlebar yes/no 窗口題目欄是否可見(jiàn)

toolbar yes/no 窗口工具欄是否可見(jiàn)

Width pixel value 窗口的像素寬度

z-look yes/no 窗口被激活后是否浮在其它窗口之上

常用示例：

window.open ('page.html', 'newwindow', 'fullscreen'); //全屏

window.open ('page.html', '_self', 'fullscreen = yes , height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no'); // 在當(dāng)前頁(yè)面彈出一個(gè)全屏的窗口，并有詳細(xì)的設(shè)置

popWin = window.open('test.jsp'); // 獲取彈出窗口對(duì)象，以便進(jìn)行操作

popWin .focus(); // 聚焦窗口2、window.alert()參數(shù)，只有一個(gè)，顯示警告框的信息；無(wú)返回值。

3、window.confirm() 參數(shù)就只有一個(gè)。顯示提示框的信息。按確定,返回true；按取消返回false。

4、window.prompt()參數(shù),有兩個(gè)，第一個(gè)參數(shù)，顯示提示輸入框的信息。第二個(gè)參數(shù),用于顯示輸入框的默認(rèn)值。返回，用戶(hù)輸入的值。

5、window.showModalDialog()方法用來(lái)創(chuàng)建一個(gè)顯示HTML內(nèi)容的模態(tài)對(duì)話(huà)框。window.showModelessDialog()方法用來(lái)創(chuàng)建一個(gè)顯示HTML內(nèi)容的非模態(tài)對(duì)話(huà)框。

showModalDialog()與showModelessDialog()的區(qū)別，在于showModalDialog()打開(kāi)的窗口，置在父窗口上，必須關(guān)閉才能訪(fǎng)問(wèn)父窗口；showModelessDialog()，打開(kāi)后不必關(guān)閉也可訪(fǎng)問(wèn)父窗口打開(kāi)的窗口。使用方法：

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]);

vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures]);

參數(shù)說(shuō)明：

sURL--

必選參數(shù)，類(lèi)型：字符串。用來(lái)指定對(duì)話(huà)框要顯示的文檔的URL。

vArguments--

可選參數(shù)，類(lèi)型：變體。用來(lái)向?qū)υ?huà)框傳遞參數(shù)。傳遞的參數(shù)類(lèi)型不限，包括數(shù)組等。對(duì)話(huà)框通過(guò)window.dialogArguments來(lái)取得傳遞進(jìn)來(lái)的參數(shù)。

sFeatures--

可選參數(shù)，類(lèi)型：字符串。用來(lái)描述對(duì)話(huà)框的外觀(guān)等信息，可以使用以下的一個(gè)或幾個(gè)，用分號(hào)隔開(kāi)。

1.dialogHeight :對(duì)話(huà)框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默認(rèn)的單位是em，而ＩＥ５中是px，為方便其見(jiàn)，在定義modal方式的對(duì)話(huà)框時(shí)，用px做單位。

2.dialogWidth: 對(duì)話(huà)框?qū)挾取?/p>

3.dialogLeft: 離屏幕左的距離。

4.dialogTop: 離屏幕上的距離。

5.center: {yes no 1 0 }：窗口是否居中，默認(rèn)yes，但仍可以指定高度和寬度。

6.help: {yes no 1 0 }：是否顯示幫助按鈕，默認(rèn)yes。

7.resizable: {yes no 1 0 } ［ＩＥ５＋］：是否可被改變大小。默認(rèn)no。

8.status: {yes no 1 0 } ［IE5+］：是否顯示狀態(tài)欄。默認(rèn)為yes[ Modeless]或no[Modal]。

9.scroll:{ yes no 1 0 on off }：指明對(duì)話(huà)框是否顯示滾動(dòng)條。默認(rèn)為yes。 參數(shù)傳遞：

要想對(duì)話(huà)框傳遞參數(shù)，是通過(guò)vArguments來(lái)進(jìn)行傳遞的。類(lèi)型不限制，對(duì)于字符串類(lèi)型，最大為4096個(gè)字符。也可以傳遞對(duì)象，例如：

調(diào)用頁(yè)面

script

var obj = new Object();

obj.name="LOVEJS";

window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");

/script

對(duì)話(huà)框頁(yè)面

script

var obj = window.dialogArguments ;

alert("您傳遞的參數(shù)為：" + obj.name)

/script 獲取對(duì)象：

可以通過(guò)window.returnValue向打開(kāi)對(duì)話(huà)框的窗口返回信息，當(dāng)然也可以是對(duì)象。例如：

調(diào)用頁(yè)面

script

str = window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");

alert(str);

/script

對(duì)話(huà)框頁(yè)面

script

window.returnValue="在這里進(jìn)行你要的操作";

/script

JS彈出對(duì)話(huà)框怎么寫(xiě)？

【1、最基本的js彈出對(duì)話(huà)框窗口代碼】

這是最基本的js彈出對(duì)話(huà)框，其實(shí)代碼就幾句非常簡(jiǎn)單：

復(fù)制代碼代碼如下:

script LANGUAGE="javascript"

!--

window.open ("page.html")

--

/script

因?yàn)檫@是一段javascripts代碼，所以它們應(yīng)該放在script LANGUAGE="javascript"標(biāo)簽和/script之間。!-- 和--是對(duì)一些版本低的瀏覽器起作用，在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來(lái)。要養(yǎng)成這個(gè)好習(xí)慣啊。

window.open ("page.html") 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫(xiě)明路徑，絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。用單引號(hào)和雙引號(hào)都可以，只是不要混用。

這一段代碼可以加入HTML的任意位置，head和/head之間可以，body間/body也可以，越前越早執(zhí)行，尤其是頁(yè)面代碼長(zhǎng)的頁(yè)面，這種js彈出對(duì)話(huà)框想早點(diǎn)彈出就盡量往前放。

【2、增加屬性設(shè)置的js彈出對(duì)話(huà)框代碼】

下面再說(shuō)一說(shuō)js彈出對(duì)話(huà)框窗口屬性的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。

我們來(lái)定制這個(gè)js彈出對(duì)話(huà)框彈出的窗口的外觀(guān)，尺寸大小，彈出的位置以適應(yīng)該頁(yè)面的具體情況。

復(fù)制代碼代碼如下:

View Code

script LANGUAGE="javascript"

!--

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")

//寫(xiě)成一行

--

/script

參數(shù)解釋?zhuān)?/p>

script LANGUAGE="javascript" js腳本開(kāi)始；

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

"page.html" 彈出窗口的文件名；

"newwindow" 彈出窗口的名字（不是文件名），非必須，可用空""代替；

height=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)打開(kāi)），yes為允許；

/script js腳本結(jié)束

【3、用函數(shù)控制js彈出對(duì)話(huà)框窗口】

下面是一個(gè)完整js彈出對(duì)話(huà)框的代碼。

復(fù)制代碼代碼如下:

View Code

html

head

script LANGUAGE="javascript"

!--

function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

//寫(xiě)成一行

}

//--

/script

/head

body onload="openwin()"

...任意的頁(yè)面內(nèi)容...

/body

/html

這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開(kāi)一個(gè)窗口。在調(diào)用它之前沒(méi)有任何用途。

怎么調(diào)用呢？

方法一：瀏覽器讀頁(yè)面時(shí)彈出窗口；

復(fù)制代碼代碼如下:

body onload="openwin()"

方法二：瀏覽器離開(kāi)頁(yè)面時(shí)彈出窗口；

復(fù)制代碼代碼如下:

body onunload="openwin()"

方法三：用一個(gè)連接調(diào)用：

復(fù)制代碼代碼如下:

a href="#" onclick="openwin()"打開(kāi)一個(gè)窗口/a

注意：使用的“#”是虛連接。

方法四：用一個(gè)按鈕調(diào)用：

復(fù)制代碼代碼如下:

input type="button" onclick="openwin()" value="打開(kāi)窗口"

【4、同時(shí)彈出2個(gè)窗口的js彈出對(duì)話(huà)框】

對(duì)源代碼稍微改動(dòng)一下：

復(fù)制代碼代碼如下:

View Code

script LANGUAGE="javascript"

!--

function openwin()

{window.open ("page.html", "newwindow", "height=100, width=100,top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")

//寫(xiě)成一行

window.open ("page2.html","newwindow2", "height=100, width=100, top=100, left=100,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")

//寫(xiě)成一行

}

//--

/script

為避免彈出的2個(gè)窗口覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。最后用上面說(shuō)過(guò)的四種方法調(diào)用即可。

注意：2個(gè)js彈出對(duì)話(huà)框窗口的name(newwindows和newwindow2)不要相同，或者干脆全部為空。

【5、主窗口打開(kāi)文件1.htm，同時(shí)彈出小窗口page.html】

如下代碼加入主窗口head區(qū)：

復(fù)制代碼代碼如下:

View Code

script language="javascript"

!--

function openwin()

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

}

//--

/script

加入body區(qū)：

復(fù)制代碼代碼如下:

a href="1.htm" onclick="openwin()"open/a

即可。

【6、js彈出對(duì)話(huà)框彈出的窗口之定時(shí)關(guān)閉控制】

下面我們?cè)賹?duì)js彈出對(duì)話(huà)框的窗口進(jìn)行一些控制，效果就更好了。如果我們?cè)賹⒁恍《未a加入彈出的頁(yè)面(注意是加入到page.html的HTML中，可不是主頁(yè)面中，否則...)，讓它10秒后自動(dòng)關(guān)閉是不是更酷了？

首先，將如下代碼加入page.html文件的head區(qū)：

復(fù)制代碼代碼如下:

script language="javascript"

function closeit()

{setTimeout("self.close()",10000) //毫秒}

/script

然后，再用body onload="closeit()" 這一句話(huà)代替page.html中原有的BODY這一句就可以了。(這一句話(huà)千萬(wàn)不要忘記寫(xiě)啊！這一句的作用是調(diào)用關(guān)閉窗口的代碼，10秒鐘后就自行關(guān)閉該窗口。)

【7、在js彈出對(duì)話(huà)框窗口中加上一個(gè)關(guān)閉按鈕】

復(fù)制代碼代碼如下:

FORM

INPUT TYPE="BUTTON" value="關(guān)閉" onClick="window.close()"

/FORM

呵呵，現(xiàn)在更加完美了！

【8、內(nèi)包含的js彈出對(duì)話(huà)框窗口-一個(gè)頁(yè)面兩個(gè)窗口】

上面的例子都包含兩個(gè)窗口，一個(gè)是主窗口，另一個(gè)是彈出的小窗口。

通過(guò)下面的例子，你可以在一個(gè)頁(yè)面內(nèi)完成上面的效果。

復(fù)制代碼代碼如下:

View Code

html

head

script LANGUAGE="javascript"

function openwin()

{OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");

//寫(xiě)成一行

OpenWindow.document.write("TITLE例子/TITLE")

OpenWindow.document.write("BODY BGCOLOR=#ffffff")

OpenWindow.document.write("h1Hello!/h1")

OpenWindow.document.write("New window opened!")

OpenWindow.document.write("/BODY")

OpenWindow.document.write("/HTML")

OpenWindow.document.close()}

/script

/head

body

a href="#" onclick="openwin()"打開(kāi)一個(gè)窗口/a

input type="button" onclick="openwin()" value="打開(kāi)窗口"

/body

/html

看看 OpenWindow.document.write()里面的代碼不就是標(biāo)準(zhǔn)的HTML嗎？只要按照格式寫(xiě)更多的行即可。千萬(wàn)注意多一個(gè)標(biāo)簽或少一個(gè)標(biāo)簽就會(huì)出現(xiàn)錯(cuò)誤。記得用OpenWindow.document.close()結(jié)束啊。

【9、終極應(yīng)用--js彈出對(duì)話(huà)框的窗口之Cookie控制】

回想一下，上面的彈出窗口雖然酷，但是有一點(diǎn)小毛病(沉浸在喜悅之中，一定沒(méi)有發(fā)現(xiàn)吧？)比如你將上面的腳本放在一個(gè)需要頻繁經(jīng)過(guò)的頁(yè)面里(例如首頁(yè))，那么每次刷新這個(gè)頁(yè)面，窗口都會(huì)自動(dòng)執(zhí)行js彈出對(duì)話(huà)框代碼一次，是不是非常煩人？:-(有解決的辦法嗎？Yes! ;-) Follow me.

我們使用cookie來(lái)控制一下就可以了。

首先，將如下代碼加入主頁(yè)面HTML的HEAD區(qū)：

復(fù)制代碼代碼如下:

View Code

script

function openwin()

{window.open("page.html","","width=200,height=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=(documents.cookie.substring(offset,end))

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie("popped")==""){

openwin()

documents.cookie="popped=yes"

}

}

/script

然后，用bodyonload="loadpopop()"（注意不是openwin而是loadpop啊！）替換主頁(yè)面中原有的BODY這一句即可。你可以試著刷新一下這個(gè)頁(yè)面或重新進(jìn)入該頁(yè)面，窗口再也不會(huì)再有js彈出對(duì)話(huà)框了。真正的實(shí)現(xiàn)只彈一次。

需要注意的是，JS腳本中的的大小寫(xiě)最好前后保持一致。

以上就是九種js彈出對(duì)話(huà)框的代碼，如果有其它方法也可以提供給我喔，當(dāng)然自己寫(xiě)的彈窗也Ok的啦。

希望河南新華的回答可以幫助到你

標(biāo)題名稱(chēng)：javascript彈出窗口,javascript彈出窗口萬(wàn)能代碼
新聞來(lái)源：http://chinadenli.net/article38/dsdcppp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、軟件開(kāi)發(fā)、移動(dòng)網(wǎng)站建設(shè)、Google、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)