網(wǎng)頁(yè)制作基礎(chǔ)技巧 框架(幀窗口)間的交互
2006/10/14 9:51:04

在多窗口的分幀頁(yè)面中,各分窗口之間的信息交互是經(jīng)常的事。在導(dǎo)航窗口中點(diǎn)了超級(jí)鏈接,那么如何在另一窗口中打開(kāi)鏈接的網(wǎng)頁(yè)呢?我在這個(gè)窗口中按下按鈕,能在另一個(gè)窗口中寫信息嗎?窗口那么多,又如何識(shí)別窗口呢?請(qǐng)看下面的例子。 
一、在導(dǎo)航窗口點(diǎn)擊鏈接,在另一窗口打開(kāi)網(wǎng)頁(yè)
 


現(xiàn)有一分幀頁(yè)面如上圖所示的,A窗口是網(wǎng)站logo及廣告,B窗口是導(dǎo)航欄,C是顯示頁(yè)面的窗口。該分幀頁(yè)面的源代碼為:
<framesetrows="20%,*"> 
<framename="topFrame"scrolling="NO"noresizesrc="toppage.htm"> 
<framesetcols="18%,*"> 
<framename="leftFrame"noresizesrc="leftpage.htm"> 
<framename="mainFrame"src="mainpage.htm"> 
</frameset> 
</frameset>
若要求在B窗口中的鏈接頁(yè)面(test.htm)在C窗口中打開(kāi),那么B窗口中的鏈接應(yīng)這樣寫:<a herf="test.htm" target="mailFrame">此鏈接的頁(yè)面在C窗口中打開(kāi)</a>,在這里起關(guān)鍵作用的是<A>標(biāo)記中的target參數(shù),你想在那個(gè)窗口中打開(kāi)網(wǎng)頁(yè),就在Target參數(shù)中設(shè)置那個(gè)窗口的名稱。
二、在B窗口中按下一個(gè)按鈕,在C窗口中寫一行字
本例的頁(yè)面格式與上例相同,完成后的效果是這樣的:按下B窗口中“在C窗口寫字”的按鈕后,在C窗口中就出現(xiàn)一行文字“嗨!你好!這是通過(guò)B窗口控制而寫的字。”。分幀頁(yè)面的代碼及每個(gè)窗口中的網(wǎng)頁(yè)文件與上例相同。
制作方法:
1、 在C窗口網(wǎng)頁(yè)(mainpage.htm)的源代碼<head>與</head>之間插入下面這段Javascript程序:
<scriptlanguage="Javascript"> 
<!-- 
functionhtest(){ 
document.write("嗨!你好!這是通過(guò)B窗口控制而寫的字。") 

--> 
</script>
這段程序的作用是在當(dāng)前窗口寫上一段文字。
2、那么如何在B窗口中調(diào)用C窗口中的程序呢?先看B窗口中“在C窗口中寫字”這個(gè)按鈕的源代碼:
<inputtype="button"value="在C窗口中寫字"onclick="parent.mainFrame.htest()">
在這段代碼中,關(guān)鍵是代碼“parent.mainFrame”,這里引入一個(gè)新的概念—窗口結(jié)構(gòu)關(guān)系,也就是在多窗口頁(yè)面中,各窗口之間的關(guān)系是以什么原則來(lái)確定的。窗口關(guān)系的確定原則是:當(dāng)前窗口分割出來(lái)的窗口為當(dāng)前窗口的“子窗口”(children),那么當(dāng)前窗口就是分割出來(lái)窗口的“父窗口”(parent)。如本例中各窗口的關(guān)系如下: 
 


從上表可得知,“瀏覽器窗口”是“topFrame”和“下部窗口”的“父窗口”,而下部窗口又是“l(fā)eftFrame”和“mainFrame”兩個(gè)窗口的“父窗口”。兩個(gè)窗口之間的聯(lián)系必須通過(guò)它們的父窗口才能進(jìn)行,所以本例中要調(diào)用C窗口中網(wǎng)頁(yè)上的“htest()”很顯然是通過(guò)C與B的parent再到mainFrame,然后調(diào)用htest()程序。
那么若C窗口中向B窗口中寫字的代碼就是這樣的了: onclick="parent.leftFrame.htest()";那么,在A窗口中要向C窗口中寫一段文字的代碼你知道怎樣寫嗎?對(duì)了,就是這樣:onclick="grandchildren.mainFrame.htest()"。
從上面的例子中可看出,在各窗口之間進(jìn)行交互信息,關(guān)鍵的問(wèn)題是要搞清楚窗口與窗口之間的關(guān)系,其它的操作就比較簡(jiǎn)單了。

返回列表
返回首頁(yè) 主站蜘蛛池模板: 成年女人18级毛片毛片免费| 波多野结衣种子网盘| 国产精品东北一极毛片| jyzzjyzz国产免费观看| 日本乱人伦aⅴ精品| 亚洲ⅴ国产v天堂a无码二区| 特黄aaaaaaaaa及毛片| 后入内射国产一区二区| 青草青视频在线观看| 国产精品一区二区三乱码| 99久久99久久精品免费观看 | 777777农村一级毛片| 女房东用丝袜脚夹我好爽漫画| 久久96精品国产| 日韩人妻无码专区精品| 亚洲中文字幕无码专区| 欧美综合成人网| 人妖在线精品一区二区三区| 精品无人乱码一区二区三区| 国产一卡2卡3卡四卡精品一信息 | 黑人一个接一个上来糟蹋| 国产精品免费一区二区三区 | 黄色一级黄色片| 国产白领丝袜办公室在线视频| 91香蕉视频下载导航| 天堂俺去俺来也WWW色官网| 一级**爱片免费视频| 手机在线看片你懂的| 久久亚洲中文字幕精品有坂深雪| 暖暖直播在线观看| 亚洲av无码片在线观看| 欧美性xxxx极品hd欧美风情| 亚洲精品99久久久久中文字幕 | 最近免费中文字幕大全高清10| 亚洲最大成人网色| 波多野结衣中文字幕一区 | 亚洲a级黄色片| 欧美伊人久久大香线蕉在观| 亚洲欧美另类久久久精品能播放的 | 一个人看的免费视频www在线高清动漫| 放进去岳就不挣扎了|