javascript 控制彈出窗口
2024-09-06 12:42:40
供稿：網(wǎng)友
前言:經(jīng)常上網(wǎng)的朋友可能會(huì)到過這樣一些網(wǎng)站，一進(jìn)入首頁立刻會(huì)彈出一個(gè)窗口，或者按一個(gè)連接或按鈕彈出，通常在這個(gè)窗口里會(huì)顯示一些注意事項(xiàng)、版權(quán)信息 、警告、歡迎光顧之類的話或者作者想要特別提示的信息。其實(shí)制作這樣的頁面效果非常的容易，只要往該頁面的HTML里加入幾段javascript代碼即可實(shí)現(xiàn)。下面我就帶您剖析它的奧秘。
【1、最基本的彈出窗口代碼】
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>
因?yàn)橹且欢蝚avascripts代碼，所以它們應(yīng)該放在<SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。<!-- 和 -->是對(duì)一些版本低的瀏覽器起作用，在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來。要養(yǎng)成這個(gè)好習(xí)慣啊。window.open ('page.html') 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫明路徑，絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。用單引號(hào)和雙引號(hào)都可以，只是不要混用。這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body>間</body>也可以，越前越早執(zhí)行，尤其是頁面代碼長，又想使頁面早點(diǎn)彈出就盡量往前放。
【2、經(jīng)過設(shè)置后的彈出窗口】
下面再說一說彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。 我們來定制這個(gè)彈出的窗口的外觀，尺寸大小，彈出的位置以適應(yīng)該頁面的具體情況。
<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=n o, status=no') //這句要寫成一行
