<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆 - 303  文章 - 883  trackbacks - 0
    <2008年2月>
    272829303112
    3456789
    10111213141516
    17181920212223
    2425262728291
    2345678

    歡迎光臨! 
    閑聊 QQ:1074961813

    隨筆分類(357)

    我管理的群

    公共blog

    • n維空間
    • Email : java3d@126.com 群 : 12999758

    參與管理的論壇

    好友的blog

    我的其他blog

    朋友的網(wǎng)站

    搜索

    •  

    最新評論

    1 框架編程概述
    一個Html 頁面可以有一個或多個子框架,這些子框架以<iframe>來標(biāo)記,用來顯示一
    個獨立的Html 頁面。這里所講的框架編程包括框架的自我控制以及框架之間的互相訪問,
    例如從一個框架中引用另一個框架中的JavaScript變量、調(diào)用其他框架內(nèi)的函數(shù)、控制另一
    個框架中表單的行為等。

    2 框架間的互相引用
    一個頁面中的所有框架以集合的形式作為window 對象的屬性提供,例如:
    window.frames 就表示該頁面內(nèi)所有框架的集合,這和表單對象、鏈接對象、圖片對象等是
    類似的,不同的是,這些集合是document 的屬性。因此,要引用一個子框架,可以使用如
    下語法:
    window.frames[“frameName”];
    window.frames.frameName
    window.frames[index]
    其中,window字樣也可以用self代替或省略,假設(shè)frameName 為頁面中第一個框架,
    則以下的寫法是等價的:
    self.frames[“frameName”]
    self.frames[0]
    frames[0]
    frameName
    了解了如何引用一個框架,那么引用的這個框架到底是什么呢?其實,每個框架都對應(yīng)
    一個HTML 頁面,所以這個框架也是一個獨立的瀏覽器窗口,它具有窗口的所有性質(zhì),所
    謂對框架的引用也就是對window 對象的引用。有了這個window 對象,就可以很方便地對
    其中的頁面進行操作,例如使用window.document對象向頁面寫入數(shù)據(jù)、使用window.location
    屬性來改變框架內(nèi)的頁面等。
    下面分別介紹不同層次框架間的互相引用:
    2.1.父框架到子框架的引用
    知道了上述原理,從父框架引用子框架變的非常容易,即:
    window.frames[“frameName”];
    這樣就引用了頁面內(nèi)名為frameName 的子框架。如果要引用子框架內(nèi)的子框架,根據(jù)
    引用的框架實際就是window對象的性質(zhì),可以這樣實現(xiàn):
    window.frames[“frameName”].frames[“frameName2”];
    這樣就很引用到了二級子框架,以此類推,可以實現(xiàn)多層框架的引用。
    2.2.子框架到父框架的引用
    每個window對象都有一個parent屬性,表示它的父框架。如果該框架已經(jīng)是頂層框架,
    則window.parent 還表示該框架本身。
    2.3.兄弟框架間的引用
    如果兩個框架同為一個框架的子框架,它們稱為兄弟框架,可以通過父框架來實現(xiàn)互相
    引用,例如一個頁面包括2 個子框架:
    <frameset rows="50%,50%">
    <frame src="1.html" name="frame1" />
    <frame src="2.html" name="frame2" />
    </frameset>
    在frame1 中可以使用如下語句來引用frame2:
    self.parent.frames[“frame2”];
    2.4.不同層次框架間的互相引用
    框架的層次是針對頂層框架而言的。當(dāng)層次不同時,只要知道自己所在的層次以及另一
    個框架所在的層次和名字,利用框架引用的window對象性質(zhì),可以很容易地實現(xiàn)互相訪問,
    例如:
    self.parent.frames[“childName”].frames[“targetFrameName”];
    2.5.對頂層框架的引用
    和parent 屬性類似,window 對象還有一個top 屬性。它表示對頂層框架的引用,這可
    以用來判斷一個框架自身是否為頂層框架,例如:
    //判斷本框架是否為頂層框架
    if(self==top){
    //dosomething
    }

    3 改變框架的載入頁面
    前面已經(jīng)講到,對框架的引用就是對window對象的引用,利用window對象的location
    屬性,可以改變框架的導(dǎo)航,例如:
    window.frames[0].location=”1.html”;
    這就將頁面中第一個框架的頁面重定向到1.html,利用這個性質(zhì),甚至可以使用一條鏈
    接來更新多個框架。
    <frameset rows="50%,50%">
    <frame src="1.html" name="frame1" />
    <frame src="2.html" name="frame2" />
    </frameset>
    <!--somecode-->
    <a href=”frame1.location=’3.html;frame2.location=’4.html’” onclick=””>link</a>
    <!--somecode-->

    4 引用其他框架內(nèi)的JavaScript變量和函數(shù)
    在介紹引用其他框架內(nèi)JavaScript變量和函數(shù)的技術(shù)之前,先來看以下代碼:
    <script language="JavaScript" type="text/javascript">
    <!--
    function hello(){
    alert("hello,ajax!");
    }
    window.hello();
    //-->
    </script>
    如果運行了這段代碼,會彈出“hello,ajax!”的窗口,這正是執(zhí)行hello()函數(shù)的結(jié)果。
    那為什么hello()變成了window對象的方法呢?事實上,在一個頁面內(nèi)定義的所有全局變量
    和全局函數(shù)都是作為window對象的成員。例如:
    var a=1;
    alert(window.a);
    就會彈出對話框顯示為1。同樣的原理,在不同框架之間共享變量和函數(shù),就是要通過
    window對象來調(diào)用。
    為了方便大家的理解,下面舉例說明。一個商品瀏覽頁面由兩個子框架組成,左側(cè)表示
    商品分類的鏈接;當(dāng)用戶單擊分類鏈接時,右側(cè)顯示相應(yīng)的商品列表;用戶可以單擊商品旁
    的【購買】鏈接將商品加入購物車。
    在這個例子中,可以利用左側(cè)導(dǎo)航頁面來存儲用戶希望購買的商品,因為當(dāng)用戶單擊導(dǎo)
    航鏈接時,變化的是另外一個頁面,即商品展示頁面,而導(dǎo)航頁面本身是不變的,因此其中
    的JavaScript變量不會丟失,可以用來存儲全局數(shù)據(jù)。其實現(xiàn)原理如下:
    假設(shè)左側(cè)頁面為links.html,右側(cè)頁面為show.html,頁面結(jié)構(gòu)如下:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    </head>
    <frameset cols="20%,80%">
    <frame src="link.html" name="link" />
    <frame src="show.html" name="show" />
    </frameset>
    </html>
    在show.html 中展示的商品旁邊可以加入這樣一條語句:
    <a href=”void(0)” onclick=”self.parent.link.addToOrders(32068)”>加入購物車</a>
    其中l(wèi)ink表示導(dǎo)航框架,在link.html 頁面中定義了arrOrders數(shù)組來存儲商品的id,函
    數(shù)addToOrders()用來響應(yīng)商品旁邊【購買】鏈接的單擊事件,它接收的參數(shù)id 表示商品的
    id,例子中是一個id為32068 的商品:
    <script language="JavaScript" type="text/javascript">
    <!--
    var arrOrders=new Array();
    function addToOrders(id){
    arrOrders.push(id);
    }
    //-->
    </script>
    這樣,在結(jié)帳頁面或是購物車瀏覽頁面就可以用arrOrders來獲取所有準(zhǔn)備購買的商品。
    框架可以使一個頁面劃分為功能獨立的多個模塊,每個模塊之間彼此獨立,但又可以通
    過window 對象的引用來建立聯(lián)系,是web 開發(fā)中的一個重要機制。在Ajax 開發(fā)中,還可
    以利用隱藏框架實現(xiàn)各種技巧,在后面介紹Ajax 實例編程時可以發(fā)現(xiàn),無刷新上傳文件以
    及解決Ajax的前進后退問題都會用到這種技術(shù)。

    以上內(nèi)容來自《征服AJAX》

    地震讓大伙知道:居安思危,才是生存之道。
    posted on 2008-02-11 17:30 小尋 閱讀(6353) 評論(5)  編輯  收藏 所屬分類: c/c++/C#/pasic/vb/php/asp(.net)/win-cgi/xml...

    FeedBack:
    # re: js frame 框架編程 2008-02-11 22:01 jeasonzhao
    不錯,收藏了,謝謝分享  回復(fù)  更多評論
      
    # re: js frame 框架編程[未登錄] 2008-05-03 10:09 fly
    我靠~~摸索過后才發(fā)現(xiàn)這篇文章~~~~~~~  回復(fù)  更多評論
      
    # re: js frame 框架編程 2008-05-07 09:41 gk
    很好 很強大  回復(fù)  更多評論
      
    # re: js frame 框架編程 2008-05-25 00:10 羅懷
    正需要!非常感謝
    ?。。。。。。?!
    ?。。。。。。。?
    !?。。。。。。?
      回復(fù)  更多評論
      
    # re: js frame 框架編程 2013-12-24 14:55 zhanglu
    非常感謝分享!  回復(fù)  更多評論
      
    主站蜘蛛池模板: 亚洲国产成人VA在线观看| 7777久久亚洲中文字幕蜜桃| a级毛片毛片免费观看久潮喷| 亚洲黑人嫩小videos| 小小影视日本动漫观看免费| 在线免费观看伊人三级电影| 亚洲第一页在线播放| 男人的天堂亚洲一区二区三区 | 无码av免费一区二区三区试看| 亚洲av永久综合在线观看尤物| 亚洲成年看片在线观看| 在线a免费观看最新网站| 亚洲精品色在线网站| 亚洲一区二区三区四区在线观看 | 亚洲欧洲国产精品你懂的| 在线免费观看污网站| 免费国产99久久久香蕉| 亚洲AⅤ男人的天堂在线观看 | 激情97综合亚洲色婷婷五| 黄页网站免费在线观看| 男女一边摸一边做爽的免费视频| 亚洲天堂中文字幕在线观看| 亚洲日韩VA无码中文字幕 | 国产成人精品免费午夜app | 亚洲av中文无码乱人伦在线观看| 国产亚洲综合色就色| 国产麻豆免费观看91| 最近中文字幕电影大全免费版| 免费福利在线观看| 国产91在线|亚洲| 久久青草亚洲AV无码麻豆| 亚洲 自拍 另类小说综合图区 | 青草草色A免费观看在线| a级男女仿爱免费视频| 看Aⅴ免费毛片手机播放| 亚洲成年网站在线观看| 久久亚洲AV无码精品色午夜| 国产亚洲一区二区三区在线不卡| 日韩一级在线播放免费观看| 国产在线jyzzjyzz免费麻豆| 一级毛片在线免费观看|