盲人如何制作網(wǎng)頁講座：
第五講 如何在網(wǎng)頁中制作彈出窗口和播放音視頻文件
一、在網(wǎng)頁中制作彈出窗口
經(jīng)常上網(wǎng)的朋友肯定會遇到這樣的情況，當(dāng)?shù)顷懩尘W(wǎng)站的首頁時，立刻會彈出一個窗口，或者在點擊某個連接或點擊某按鈕時也會彈出窗口，有時這個窗口幾秒鐘后會自動消失，有時需要手動將其關(guān)閉。通常這些窗口里面顯示的內(nèi)容都是網(wǎng)站的一些提示信息，如注意事項、版權(quán)信息、警告、歡迎光臨等。
實際上制作這樣的頁面效果非常容易，只要在該頁面的代碼中加入幾段命令即可實現(xiàn)。下面咱們就一起來深度探索其制作原理。
(一)彈出窗口基本代碼
若希望在制作的網(wǎng)頁中把事先已經(jīng)做好的"abc.htm"，這一頁面做為窗口彈出的話，只要把下面的代碼復(fù)制到您的網(wǎng)頁中的<head> 和 </head> 之間即可：
<SCRIPT LANGUAGE="javascript">
<!-- window.open('abc.htm', '窗口名稱', 'width=260, height=200, top=0,left=0, toolbar=no,menubar=no, scrollbars=no, resizable=no,location=no, status=no') -->
</SCRIPT>
實例解析：
1、<SCRIPT LANGUAGE="javascript">： 因本彈出窗口的代碼是一段 “javascript” 角本語言，這段代碼是角本的開始標(biāo)簽；
2、window.open： 彈出新窗口的命令；
3、'abc.htm'： 彈出窗口的文件名；
4、'窗口名稱'： 彈出窗口的名字（不是文件名），非必須，可用空''代替；
5、width=260 彈出窗口的寬度；
6、height=300： 彈出窗口的高度；
7、top=0： 窗口距離屏幕上方的象素值；
8、left=0： 窗口距離屏幕左側(cè)的象素值；
9、toolbar=no： 是否顯示工具欄，yes為顯示；
10、menubar，scrollbars： 表示菜單欄和滾動欄。
11、resizable=no： 是否允許改變窗口大小，yes為允許；
12、location=no： 是否顯示地址欄，yes為允許；
13、status=no： 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；
14、</SCRIPT>： Javascript 腳本結(jié)束;
15、<!-- -->： 該標(biāo)簽的目的是避免瀏覽器把沒有使用大于號和小于號的代碼顯示出來，這個主要是針對低版本的瀏覽器。
(二) 用函數(shù)控制彈出窗口
建立彈出窗口函數(shù),使用起來更方便，調(diào)用函數(shù)可以在打開頁面的時候彈出窗口，也可以在關(guān)閉該頁面的時候彈出窗口，而且還可以利用鏈接或按鈕進行調(diào)用。請看下面的實例：
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function openwin()
{
window.open ('abc.htm', '窗口名稱', 'width=260, height=300, toolbar=no, menubar=no,scrollbars=no, resizable=no, location=no, status=no')
}
-->
</script>
</head>
<body>
網(wǎng)頁內(nèi)容
</body>
</html>
上面的實例中定義了一個函數(shù)openwin(),函數(shù)的功能就是打開一個名為 “abc.htm”的窗口。在調(diào)用它之前是沒有任何用途的，那么怎么調(diào)用呢？請看下面的實例講解。
1、打開頁面的時候自動彈出： 只要在<body>標(biāo)簽中加入相應(yīng)的代碼即可，代碼是 <body onload="openwin()">；
2、關(guān)閉頁面后彈出窗口： 代碼是 <body onunload="openwin()">
3、用一個連接調(diào)用：代碼是 <a href="#" onclick="openwin()">打開一個窗口</a>
4、用一個按鈕調(diào)用： 代碼是 <input type="button" onclick="openwin()" value="打開窗口">
5、 同時彈出兩個窗口，該功能只要對源代碼稍微改動一下即可。具體改動方法如下：
<script LANGUAGE="JavaScript">
<!--
function openwin()
{
window.open ('abc1.htm', '窗口名稱1', 'width=260, height=300, toolbar=no, menubar=no,scrollbars=no, resizable=no, location=no, status=no')
window.open ('abc2.htm', '窗口名稱2', 'width=260, height=300, toolbar=no, menubar=no,scrollbars=no, resizable=no, location=no, status=no')
}
-->
</script>
注意事項：為避免彈出的兩個窗口覆蓋，用top和left控制一下彈出的位置不要相互覆蓋。最后用上面介紹過的四種方法調(diào)用即可。兩個窗口的name(窗口名稱1和窗口名稱2)不要相同，或者干脆全部為空。
(三) 定時關(guān)閉和手動關(guān)閉打開的窗口
1、自動關(guān)閉窗口
首先，將如下代碼加入 “abc.htm” 文件的<head>區(qū)：
<script language="JavaScript">
<!--
function closeit()
{
setTimeout("self.close()",10000)
}
-->
</script>
實例解析：
(1) 上例是在所彈出的窗口 “abc.htm” 文件中定義了一個關(guān)閉頁面的函數(shù)，其中的 10000 這個數(shù)值是毫秒，每秒等于1000毫秒。那么本例將在10秒鐘以后關(guān)閉窗口;
(2) 然后再用<body onload="closeit()"> 這一句話代替 “abc.htm” 中原有的<BODY>這一句就可以了。(這一句話千萬不要忘記寫?。∵@一句的作用是調(diào)用關(guān)閉窗口的代碼，10秒鐘后就自行關(guān)閉該窗口。)
2、手動關(guān)閉窗口
只要在彈出的窗口文件中的 <body>與</body>之間加入下面代碼即可在頁面中出現(xiàn)一個名為“關(guān)閉” 的按鈕，點擊后即可實現(xiàn)關(guān)閉該窗口的效果。
<INPUT TYPE='BUTTON' VALUE='關(guān)閉' onClick='window.close()'>
注意：除了點擊打開窗口外，其它形式的窗口自動彈出很容易被一些工具欄阻擋，如上網(wǎng)助手、Google、百度工具欄和IE6 SP2自帶的“彈出窗口阻止程序”等。因此，在制作網(wǎng)頁時千萬不要將重要內(nèi)容放到彈出窗口中。
二、如何在網(wǎng)頁中播放音頻及視頻文件
通過網(wǎng)頁播放音視頻的方法較多，我們在這里介紹兩個比較常用的方法：
（一）使用 <bgsound> 標(biāo)簽播放背景音頻文件
<bgsound> 標(biāo)簽屬于單標(biāo)簽，其屬性共有5個，其中balance是設(shè)置音樂的左右均衡；delay是進行播放延時的設(shè)置；loop是循環(huán)次數(shù)的控制；src則是我們音樂文件的路徑，volume是音量設(shè)置。一般在添加背景音樂時，我們并不需要對音樂進行左右均衡以及延時等設(shè)置，而且這些設(shè)置對某些聲卡無效，我們在制作網(wǎng)頁的時候只要將其省略系統(tǒng)將自動取其默認(rèn)值，所以僅需要幾個主要的參數(shù)就可以了。請看下面的代碼：
<bgsound src="ok.wav" loop="2">
實例解析：
1、src="ok.wav" 是設(shè)置音頻文件路徑及名稱，該標(biāo)簽還可以播放 .midi, .mp3, .wma格式的文件；
2、其中 loop="2" 是使背景音樂連續(xù)播放兩次， loop="-1" 是設(shè)置無限循環(huán)播放。
(二) 使用 <embed> 標(biāo)簽播放音頻及視頻文件
本標(biāo)簽為雙標(biāo)簽需要以 </embed> 結(jié)尾，該標(biāo)簽還可以在頁面上生成一個播放控制面板，該面板提供了調(diào)整音量及暫停播放等功能。其播放的文件類型有 flash動畫(擴展名為 swf);音頻視頻文件（擴展名為 mp3、wma、wav、mid、avi、rm、ram等）。其最簡單寫法是 <embed src="文件名" loop="1"></embed> 這樣其他各屬性將取默認(rèn)值,下面介紹幾個較常用的屬性:
1、src=文件地址和名稱；
2、width=播放面板寬度， height=播放面板高度，取自然數(shù)，也可以省略；
3、autostart=true或者false，決定音樂文件下載完畢后是否自動播放，默認(rèn)為false。對于flash動畫無效；
4、loop=“循環(huán)播放次數(shù)”；
5、hidden=true或者false，決定是否隱藏播放面板，true為隱藏；
6、quality=設(shè)定播放質(zhì)量，low（播放質(zhì)量最差）、medium（播放中等質(zhì)量）、high（播放高質(zhì)量，默認(rèn)）、best（播放極高質(zhì)量）；
以上這兩個標(biāo)簽的區(qū)別在于 <bgsound> 只能播放音頻文件,而且沒有播放面板,頁面最小化時將停止播放正在播放的文件; <embed> 標(biāo)簽則可以播放音頻和視頻文件,而且有播放面板,最小化頁面時仍然繼續(xù)播放正在播放的文件。
中國殘疾人聯(lián)合會信息中心
