 |
| 昵稱：奈薇建站網(wǎng) |
| 論壇積分：108000 |
| 發(fā)貼等級：21 |
    
    |
| 發(fā)貼數(shù)：1156 |
| 回貼數(shù)：1282 |
被砸雞蛋： 1 |
獲贈鮮花： 182 |
|
 |
|
|
發(fā)表時間：2019/7/11 16:26:00 |
樓 主 |
|
 |
|
 |
|
如何讓彈出窗口在網(wǎng)頁后面 在網(wǎng)頁后面彈出的窗口代碼，如何讓彈出窗口在網(wǎng)頁后面，將下面代碼插入到網(wǎng)頁中即可<scriptlanguage="javascript">{newwin=window.open("http://www.tankehu.com","青島網(wǎng)站設計","width=550height=450toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes");newwin.blur();}</script>
其他彈出窗口代碼樣式：
在青島網(wǎng)站設計中，經(jīng)常會用到一些彈出窗口的效果，包括控制彈出窗口大小和位置的代碼、關閉頁面時彈出新窗口代碼、同時彈出兩個窗口口的代碼、彈出窗口在新頁面后面的代碼、彈出窗口定時關閉的代碼、判斷彈出窗口是否存在如果存在就不彈出的代碼等等，做了一些匯總。
1、最基本的彈出窗口代碼<SCRIPTLANGUAGE="javascript"><!--window.open('page.html')--></SCRIPT>
因為這是一段javascripts代碼，所以它們應該放在<SCRIPTLANGUAGE="javascript">標簽和</script>之間。<!--和-->是對一些版本低的瀏覽器起作用，在這些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養(yǎng)成這個好習慣啊。window.open('page.html')用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以，只是不要混用。這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body>間</body>也可以，越前越早執(zhí)行，尤其是頁面代碼長，又想使頁面早點彈出就盡量往前放。
2、經(jīng)過設置后的彈出窗口
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。我們來定制這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。
<SCRIPTLANGUAGE="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')//這句要寫成一行--></SCRIPT>
參數(shù)解釋：<SCRIPTLANGUAGE="javascript">js腳本開始；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是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；</SCRIPT>js腳本結束
3、用函數(shù)控制彈出窗口
下面是一個完整的代碼。<html><head><scriptLANGUAGE="javascript"><!--functionopenwin(){window.open("page.html","newwindow","height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//寫成一行}//--></script></head><bodyonload="openwin()">任意的頁面內(nèi)容...</body></html>
這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。怎么調(diào)用呢？
方法一：<bodyonload="openwin()">瀏覽器讀頁面時彈出窗口；方法二：<bodyonunload="openwin()">瀏覽器離開頁面時彈出窗口；方法三：用一個連接調(diào)用：<ahref="#"onclick="openwin()">打開一個窗口</a>注意：使用的"#"是虛連接。方法四：用一個按鈕調(diào)用：<inputtype="button"onclick="openwin()"value="打開窗口">
4、同時彈出2個窗口
對源代碼稍微改動一下：
<scriptLANGUAGE="javascript"><!--functionopenwin(){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")//寫成一行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")//寫成一行}//--></script>為避免彈出的2個窗口覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。最后用上面說過的四種方法調(diào)用即可。注意：2個窗口的name(newwindows和newwindow2)不要相同，或者干脆全部為空。
點擊后通過js彈出窗口方法1<astyle="cursor:hand"onclick='window.open("http://www.tankehu.com","","width=420,height=830")'>彈出頁面</a>
方法2<ahref="#"onclick="window.open('01.htm','go','width=380,height=200,left=200,top=200,screenX=200,screenY=200')">點擊彈出頁面</a>
5、修飾的彈出窗口使用下面這段代碼，我們可以對彈出窗口做更多的控制，包括窗口大小、窗口位置、是否帶工具欄、是否可以改變大小等等。示例代碼2：〈scriptlanguage="JavaScript1.2"type="text/JavaScript1.2"〉varpopUpWin=0;functionpopUpWindow(){//判斷該窗口（popUpWin）是否已經(jīng)存在，如果已經(jīng)存在，則先關閉窗口，然后再打開新窗口if(popUpWin){if(!popUpWin.closed)popUpWin.close();}//根據(jù)參數(shù)定位彈出窗口的展示位置popUpWin=window.open(‘page.htm’,'popUpWin','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no,copyhistory=yes,wid |
|
 |
 |
 |
|
奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ |
|
|
|
|
|