一組常用的彈出窗口用法
以下代碼集合常用的彈出窗口用法
最基本的彈出窗口代碼
以下是引用片段
<SCRIPT LANGUAGE=javascript>
<!
windowopen (l)
>
</SCRIPT>
代碼放在<SCRIPT LANGUAGE=javascript>標簽和</script>之間
<! 和 >是對一些版本低的浏覽器起作用
windowopen (l) 用於控制彈出新的窗口l如果l不與主窗口在同一路徑下前面應寫明路徑絕對路徑//)和相對路徑(/)均可用單引號和雙引號都可以只是不要混用
這一段代碼可以加入HTML的任意位置<head>和</head>之間可以<body>間</body>也可以越前越早執行尤其是頁面代碼長又想使頁面早點彈出就盡量往前放
經過設置後的彈出窗口
定制這個彈出的窗口的外觀尺寸大小彈出的位置以適應該頁面的具體情況
以下是引用片段
<SCRIPT LANGUAGE=javascript>
<!
windowopen (l newwindow height= width= top=left= toolbar=no menubar=no scrollbars=no resizable=nolocation=no status=no)
//寫成一行
>
</SCRIPT>
參數解釋
以下是引用片段
<SCRIPT LANGUAGE=javascript> js腳本開始
windowopen 彈出新窗口的命令
l 彈出窗口的文件名
newwindow 彈出窗口的名字(不是文件名)非必須可用空代替
height= 窗口高度
width= 窗口寬度
top= 窗口距離屏幕上方的象素值
left= 窗口距離屏幕左側的象素值
toolbar=no 是否顯示工具欄yes為顯示
menubarscrollbars 表示菜單欄和滾動欄
resizable=no 是否允許改變窗口大小yes為允許
location=no 是否顯示地址欄yes為允許
status=no 是否顯示狀態欄內的信息(通常是文件已經打開)yes為允許
</SCRIPT>
js腳本結束
用函數控制彈出窗口
完整的代碼示范
以下是引用片段
<html>
<head>
<script LANGUAGE=javascript>
<!
function openwin() { windowopen (l newwindow height= width= toolbar= no menubar=no scrollbars=no resizable=no location=no status=no)
//寫成一行
}
//>
</script>
</head>
<body onload=openwin()>
任意的頁面內容
</body>
</html>
這裡定義了一個函數openwin()函數內容就是打開一個窗口在調用它之前沒有任何用途
怎麼調用呢?
方法一<body onload=openwin()> 浏覽器讀頁面時彈出窗口
方法二<body onunload=openwin()> 浏覽器離開頁面時彈出窗口
方法三用一個連接調用
<a # onclick=openwin()>打開一個窗口</a>
注意使用的#是虛連接
方法四用一個按鈕調用
<input type=button onclick=openwin() value=打開窗口>
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19454.html