網(wǎng)頁制作基礎(chǔ)技巧 框架(幀窗口)間的交互
2006/10/14 9:51:04
在多窗口的分幀頁面中,各分窗口之間的信息交互是經(jīng)常的事。在導航窗口中點了超級鏈接,那么如何在另一窗口中打開鏈接的網(wǎng)頁呢?我在這個窗口中按下按鈕,能在另一個窗口中寫信息嗎?窗口那么多,又如何識別窗口呢?請看下面的例子。
一、在導航窗口點擊鏈接,在另一窗口打開網(wǎng)頁
現(xiàn)有一分幀頁面如上圖所示的,A窗口是網(wǎng)站logo及廣告,B窗口是導航欄,C是顯示頁面的窗口。該分幀頁面的源代碼為:
<framesetrows="20%,*">
<framename="topFrame"scrolling="NO"noresizesrc="toppage.htm">
<framesetcols="18%,*">
<framename="leftFrame"noresizesrc="leftpage.htm">
<framename="mainFrame"src="mainpage.htm">
</frameset>
</frameset>
若要求在B窗口中的鏈接頁面(test.htm)在C窗口中打開,那么B窗口中的鏈接應(yīng)這樣寫:<a herf="test.htm" target="mailFrame">此鏈接的頁面在C窗口中打開</a>,在這里起關(guān)鍵作用的是<A>標記中的target參數(shù),你想在那個窗口中打開網(wǎng)頁,就在Target參數(shù)中設(shè)置那個窗口的名稱。
二、在B窗口中按下一個按鈕,在C窗口中寫一行字
本例的頁面格式與上例相同,完成后的效果是這樣的:按下B窗口中“在C窗口寫字”的按鈕后,在C窗口中就出現(xiàn)一行文字“嗨!你好!這是通過B窗口控制而寫的字。”。分幀頁面的代碼及每個窗口中的網(wǎng)頁文件與上例相同。
制作方法:
1、 在C窗口網(wǎng)頁(mainpage.htm)的源代碼<head>與</head>之間插入下面這段Javascript程序:
<scriptlanguage="Javascript">
<!--
functionhtest(){
document.write("嗨!你好!這是通過B窗口控制而寫的字。")
}
-->
</script>
這段程序的作用是在當前窗口寫上一段文字。
2、那么如何在B窗口中調(diào)用C窗口中的程序呢?先看B窗口中“在C窗口中寫字”這個按鈕的源代碼:
<inputtype="button"value="在C窗口中寫字"onclick="parent.mainFrame.htest()">
在這段代碼中,關(guān)鍵是代碼“parent.mainFrame”,這里引入一個新的概念—窗口結(jié)構(gòu)關(guān)系,也就是在多窗口頁面中,各窗口之間的關(guān)系是以什么原則來確定的。窗口關(guān)系的確定原則是:當前窗口分割出來的窗口為當前窗口的“子窗口”(children),那么當前窗口就是分割出來窗口的“父窗口”(parent)。如本例中各窗口的關(guān)系如下:
從上表可得知,“瀏覽器窗口”是“topFrame”和“下部窗口”的“父窗口”,而下部窗口又是“l(fā)eftFrame”和“mainFrame”兩個窗口的“父窗口”。兩個窗口之間的聯(lián)系必須通過它們的父窗口才能進行,所以本例中要調(diào)用C窗口中網(wǎng)頁上的“htest()”很顯然是通過C與B的parent再到mainFrame,然后調(diào)用htest()程序。
那么若C窗口中向B窗口中寫字的代碼就是這樣的了: onclick="parent.leftFrame.htest()";那么,在A窗口中要向C窗口中寫一段文字的代碼你知道怎樣寫嗎?對了,就是這樣:onclick="grandchildren.mainFrame.htest()"。
從上面的例子中可看出,在各窗口之間進行交互信息,關(guān)鍵的問題是要搞清楚窗口與窗口之間的關(guān)系,其它的操作就比較簡單了。
返回列表
返回首頁
主站蜘蛛池模板:
一级毛片免费的|
亚洲欧洲另类春色校园小说|
高清视频一区二区三区|
国产综合无码一区二区色蜜蜜|
一级毛片免费在线|
日本三级香港三级人妇99视|
亚洲一卡一卡二新区无人区|
波多野结衣在线观看中文字幕|
动漫精品专区一区二区三区不卡|
蜜桃成熟时3之蜜桃仙子电影|
国产真乱全集mangent|
91精品国产91久久久久久|
姚瑶小说穿越到古代免费阅读下载|
久久99精品久久久久久园产越南|
日韩精品专区在线影院重磅|
亚洲国产三级在线观看|
波多野结衣电影一区二区|
免费视频成人片在线观看|
自拍偷自拍亚洲精品播放|
国产国语在线播放视频|
五月婷婷激情网|
国产精品揄拍一区二区久久|
99久久免费国产精品特黄|
好多水好硬好紧好爽视频|
中文字幕av一区|
日本三级韩国三级在线观看a级|
乱子伦xxxx|
欧美14videosex性欧美成人|
亚洲成av人片在线观看无|
毛片免费全部无码播放|
人人妻人人澡人人爽人人精品浪潮
|
亚洲小视频网站|
波多野结衣中文字幕电影|
做a的视频免费|
精品久久久久久无码人妻|
卡一卡2卡3卡精品网站|
老太脱裤让老头玩ⅹxxxx|
国产三级在线视频播放线|
韩国高清色www在线播放|
国产女人视频免费观看|
91手机视频在线|