如何使用HTML實(shí)現(xiàn)點(diǎn)擊一個(gè)鏈接打開(kāi)新窗口

1、【最基本的彈出窗口代碼】其實(shí)代碼非常簡(jiǎn)單：因?yàn)檫@是一段javascript代碼，所以它們應(yīng)該放在 標(biāo)簽和之間。是對(duì)一些版本低的瀏覽器起作用，在這些老瀏覽器中如 果不支持javascript，不會(huì)將標(biāo)簽中的代碼作為文本顯示出來(lái)。Window.open (page.html)用于控制彈出新的窗口 page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫(xiě)明路徑，絕對(duì)路徑(用單引號(hào)和雙引號(hào)都可以，只是不要混用。這一段代碼可以加入 HTML的任意位置，加入到和之間也可以，位置越靠前執(zhí)行越早，尤其是頁(yè)面代碼較長(zhǎng)時(shí)，又想使頁(yè)面早點(diǎn)彈出就盡量往前放?！窘?jīng)過(guò)設(shè)置后的彈出窗口】下面再說(shuō)一說(shuō)彈出窗

2、口外觀的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。我們來(lái)定制這個(gè)彈出窗口的外觀、尺寸大小、彈出位置以適應(yīng)該頁(yè)面的具體情況。參數(shù)解釋?zhuān)?js腳本開(kāi)始；win dow.open 彈出新窗口的命令；page.html彈出新窗口的文件名；newwi ndow 彈出窗口的名字(不是文件名)，可用空代替；height=100 窗口高度；top=0窗口距離屏幕上方的像素值；left=0窗口距離屏幕左側(cè)的像素值；toolbar=no 是否顯示工具欄， yes為顯示；me nubar,scrollbars 表示菜單欄和滾動(dòng)欄；resizable=no 是否允許改變窗口大小，yes為允許；location=n

3、o 是否顯示地址欄， yes 為允許；status=no是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開(kāi))，yes為允許； js 腳本結(jié)束?！居煤瘮?shù)控制彈出窗口】下面是一個(gè)完整的代碼。fun cti on ope nwin()win dow.ope n(page.html, neww in dow,height=100,width=400,toolbar =no,menu bar =no ,scrollbars=n o,resizable=no,locati on=no ,status=no “;)寫(xiě)成一行-.任意的頁(yè)面內(nèi)容v/body這里定義了一個(gè)函數(shù) openwin(),函數(shù)內(nèi)容就是打開(kāi)一個(gè)窗口

4、。在調(diào)用它之前沒(méi)有任何用途。怎么調(diào)用呢？方法一:瀏覽器讀頁(yè)面時(shí)彈出窗口；方法二：瀏覽器離開(kāi)頁(yè)面時(shí)彈出窗口；方法三：用一個(gè)連接調(diào)用：打開(kāi)一個(gè)窗口 注意：使用的#是虛連接。方法四：用一個(gè)按鈕調(diào)用：【主窗口打開(kāi)文件1.htm，同時(shí)彈出小窗口 page.html】將如下代碼加入主窗口 區(qū)：vscript Ian guage=javascript力口入 區(qū): open即可?！緩棾龅拇翱谥〞r(shí)關(guān)閉控制】，讓它下面我們?cè)賹?duì)彈出窗口進(jìn)行一些控制，效果就更好了。如果我們?cè)賹⒁恍《未a加入彈出的頁(yè)面(注意是加入到page.html的HTML中，可不是主頁(yè)面中，否則在10秒鐘后自動(dòng)關(guān)閉是不是更酷了？首先，將如下代碼

5、加入 page.html文件的區(qū)：vscript Ian guage=javascriptfun cti on closeit() setTimeout(self.close(),10000) / 毫秒然后，再用 這一句話(huà)代替page.html中原有的這一句就可以了。(這一句話(huà)千萬(wàn)不要忘記寫(xiě)??！這一句的作用是調(diào)用關(guān)閉窗口的代碼, 秒鐘后就自行關(guān)閉該窗口。)【在彈出窗口中加上一個(gè)關(guān)閉按鈕】呵呵，現(xiàn)在更加完美了！原來(lái)的HTML標(biāo)準(zhǔn)中可以用打開(kāi)一個(gè)新窗口 但新的HTML標(biāo)準(zhǔn)嚴(yán)格上是不允許的?？梢圆捎靡韵麓a： 打開(kāi)一個(gè)新窗口 javascript:fun cti on exter nalli nks

6、() if (!docume nt.getEleme ntsByTagName) retu rn;var an chors = docume nt.getEleme ntsByTagName(a);for (var i=0; ia nchorsen gth; i+) var an chor = an chorsi;if (a nchor.getAttribute(“href) &an chor.getAttribute(rel) = exter nal)an chor.target = _bla nk;win dow. onl oad = exter nalli nks;參考資料：/tips/2005/107.html我們?cè)谑褂脴?biāo)簽時(shí)，常常會(huì)使用它的href屬性為一段javasrcipt來(lái)實(shí)現(xiàn)某 些功能。比如關(guān)閉一個(gè)窗口： ，或者彈出一個(gè)新的窗口 。這樣來(lái)實(shí)現(xiàn)窗口的操作。當(dāng)然也有人會(huì)用on click 事件來(lái)實(shí)現(xiàn)打開(kāi)或者關(guān)閉窗口 ,打 開(kāi) 新 窗 口 。那么他們之間到底有什么區(qū)別呢？下面來(lái)好好分析一下 關(guān)閉窗口時(shí)，瀏覽器不會(huì)彈出窗口關(guān) 閉的對(duì)話(huà)框，而,瀏覽器就會(huì)彈出窗口關(guān)閉的