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

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

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

    posts - 37,  comments - 9,  trackbacks - 0
    BOM:Browser Object Model,瀏覽器對象模型。BOM是由一系列的對象組成的。其結構如下圖所示。


    可以看出,window對象是整個BOM的核心,因此,先討論window對象。
    (1)使用框架集的情況下
            使用框架集合的情況下,每個框架都由他自身的window對象表示,存放在frames集合中??梢酝ㄟ^數字或者名字對框架進行索引。看例子:
    <html>
        
    <head></head>
        
    <frameset rows="100,*">
            
    <frame src="frame.html" name="topFrame" />
            
    <frameset cols="50%,50%">
                
    <frame src="anothorFrame.html" name="leftFrame"/>
                
    <frame src="yetAnothorFrame.html" name="rightFrame"/>
            
    </frameset>
        
    </frameset>
    </html>
            我們可以通過window.frames[0]或者window.frames["topFrame"]引用頂層的框架。由于window對象是整個BOM的核心,因此再寫上面的代碼時,可以忽略window對象不寫,直接寫frames[0]或者frames["topFrame"]即可。
            在框架中使用window對象,代表的是該框架本身。因此,還引入了top對象。該對象指向的是對頂層的框架,也就是瀏覽器窗口。
            此外,還有一個parent對象。顧名思義,parent指向該框架的父框架??蠢印?br />
    <!--parent.html-->
    <html>
        
    <head></head>
        
    <frameset rows="100,*">
            
    <frame src="frame.html" name="topFrame" />
            
    <frameset cols="50%,50%">
                
    <frame src="anothorFrame.html" name="leftFrame"/>
                
    <frame src="anotherframeset.html" name="rightFrame"/>
            
    </frameset>
        
    </frameset>
    </html>
           其中,anotherframeset.html的代碼如下:
    <!--anotherframeset.html-->
    <html>
     
    <head>
      
    <title></title>
     
    </head>
     
    <body>
        
    <frameset cols="100,*">
            
    <frame src="red.html" name="redFrame"/>
            
    <frame src="blue.html" name="blueFrame"/>
        
    </frameset>
     
    </body>
    </html>
            如果在red.html或者blue.html中,parent指向parent.html中的rightFrame。如果代碼寫在parent.html中的topFrame中,那么parent指向top對象,也就是瀏覽器窗口。還有一個指針self,它總是等于window。

    參考書:
    《JavaScript高級編程》Nicolas C. Zakas著, 曹力 張欣 等譯。
    posted @ 2011-10-18 12:22 wawlian 閱讀(472) | 評論 (0)編輯 收藏
    修改host,加入 

    203.208.46.146 www.google.com 
    203.208.46.147 www.google.com.hk 
    203.208.46.132 clients1.google.com 
    203.208.46.149 mail.google.com 
    203.208.46.161 chatenabled.mail.google.com 
    203.208.46.161 mail-attachment.googleusercontent.com
    哈哈,找到解決辦法,速度明細加快 
    posted @ 2011-10-14 14:56 wawlian 閱讀(682) | 評論 (0)編輯 收藏
    以下內容均是來自《鋒利的jQuery》,發到這里,純屬做個筆記,方便查閱。
    直接看代碼:

     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     2         "http://www.w3.org/TR/html4/loose.dtd">
     3 <html>
     4 <head>
     5     <title></title>
     6     <script type="text/javascript" src="jquery-1.3.1.js">
     7 
     8     </script>
     9 
    10     <script type="text/javascript">
    11         $().ready(
    12             function() {
    13 
    14                 //表單對象屬性過濾選擇器
    15                 //1改變表單內可用元素的值
    16                 //$('#form1 input:enabled').val("這里變化了");
    17 
    18                 //2改變表單內不可用元素的值
    19                 //$('#form1 input:disabled').val("這里變化了");
    20 
    21                 //3選取多選框中選中的個數
    22                 //alert($('#form1 input:checked').length);
    23 
    24                 //4選取下拉框中選中的內容
    25                 alert($('#form1 select :selected').length);
    26             }
    27         );
    28     </script>
    29 </head>
    30 <body>
    31     <form action="" id="form1">
    32         可用元素:<input name="add" value="可用文本框"/><br/>
    33         不可用元素:<input name="email" disabled="disabled" value="不可用文本框"/><br/>
    34         可用元素:<input name="che" value="可用文本框"/><br/>
    35         不可用元素:<input name="name" disabled="disabled" value="不可用文本框"/><br/>
    36 
    37         <br/>
    38         多選框:<br/>
    39         <input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1
    40         <input type="checkbox" name="newsletter" value="test2"/>test2
    41         <input type="checkbox" name="newsletter" value="test3"/>test3
    42         <input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4
    43         <input type="checkbox" name="newsletter" value="test5"/>test5
    44 
    45         <div></div>
    46         <br/><br/>
    47         下拉列表:<br/>
    48         <select name="test" multiple="multiple" style="height:100px">
    49             <option>浙江</option>
    50             <option selected="selected">湖南</option>
    51             <option>北京</option>
    52             <option selected="selected">天津</option>
    53             <option>廣州</option>
    54             <option>湖北</option>
    55         </select>
    56 
    57         <br/><br/>
    58         下拉列表2:<br/>
    59         <select name="test2">
    60             <option>浙江</option>
    61             <option>湖南</option>
    62             <option selected="selected">北京</option>
    63             <option>天津</option>
    64             <option>廣州</option>
    65             <option>湖北</option>
    66         </select>
    67 
    68         <div></div>
    69     </form>
    70 </body>
    71 </html>
    posted @ 2011-06-17 16:51 wawlian 閱讀(307) | 評論 (0)編輯 收藏
         摘要: 以下內容均是來自《鋒利的jQuery》,發到這里,純屬做個筆記,方便查閱。直接看代碼:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->  1 <!DOCTYPE HTML PUBLIC ...  閱讀全文
    posted @ 2011-06-17 16:11 wawlian 閱讀(906) | 評論 (0)編輯 收藏

    <2011年6月>
    2930311234
    567891011
    12131415161718
    19202122232425
    262728293012
    3456789

    常用鏈接

    留言簿

    隨筆分類

    隨筆檔案

    搜索

    •  

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 久久午夜夜伦鲁鲁片免费无码影视| 你懂的免费在线观看| 免费av欧美国产在钱| 亚洲av无码电影网| 男男AV纯肉无码免费播放无码| 亚洲人成免费电影| 最新免费jlzzjlzz在线播放| 国产99在线|亚洲| 免费观看a级毛片| 曰批免费视频播放在线看片二| 国产亚洲福利在线视频| 成年女人免费碰碰视频| 国产天堂亚洲国产碰碰| 久久精品亚洲综合专区| 国产无限免费观看黄网站| 亚洲日本乱码在线观看| 特黄aa级毛片免费视频播放| 亚洲精品无码久久久久AV麻豆| 一区二区三区在线观看免费 | 亚洲综合色7777情网站777| 嫖丰满老熟妇AAAA片免费看| 亚洲国产精品嫩草影院| 色欲色香天天天综合网站免费| 亚洲裸男gv网站| 黄色片免费在线观看| 亚洲国产日韩在线成人蜜芽| 女人18毛片特级一级免费视频| 污视频网站免费观看| 日韩精品一区二区亚洲AV观看| 免费做爰猛烈吃奶摸视频在线观看| 亚洲av日韩aⅴ无码色老头| 在线播放亚洲第一字幕| 8x8×在线永久免费视频| 国产精品无码亚洲一区二区三区| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 亚洲午夜福利在线观看| 免费观看无遮挡www的视频| 精品亚洲综合久久中文字幕| 97热久久免费频精品99| 人人公开免费超级碰碰碰视频| 久久久久久亚洲AV无码专区|