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


          可以看出,window對(duì)象是整個(gè)BOM的核心,因此,先討論window對(duì)象。
          (1)使用框架集的情況下
                  使用框架集合的情況下,每個(gè)框架都由他自身的window對(duì)象表示,存放在frames集合中。可以通過(guò)數(shù)字或者名字對(duì)框架進(jìn)行索引。看例子:
          <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>
                  我們可以通過(guò)window.frames[0]或者window.frames["topFrame"]引用頂層的框架。由于window對(duì)象是整個(gè)BOM的核心,因此再寫上面的代碼時(shí),可以忽略window對(duì)象不寫,直接寫frames[0]或者frames["topFrame"]即可。
                  在框架中使用window對(duì)象,代表的是該框架本身。因此,還引入了top對(duì)象。該對(duì)象指向的是對(duì)頂層的框架,也就是瀏覽器窗口。
                  此外,還有一個(gè)parent對(duì)象。顧名思義,parent指向該框架的父框架。看例子。
          <!--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對(duì)象,也就是瀏覽器窗口。還有一個(gè)指針self,它總是等于window。

          參考書:
          《JavaScript高級(jí)編程》Nicolas C. Zakas著, 曹力 張欣 等譯。
          posted @ 2011-10-18 12:22 wawlian 閱讀(475) | 評(píng)論 (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
          哈哈,找到解決辦法,速度明細(xì)加快 
          posted @ 2011-10-14 14:56 wawlian 閱讀(685) | 評(píng)論 (0)編輯 收藏
          以下內(nèi)容均是來(lái)自《鋒利的jQuery》,發(fā)到這里,純屬做個(gè)筆記,方便查閱。
          直接看代碼:

           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                 //表單對(duì)象屬性過(guò)濾選擇器
          15                 //1改變表單內(nèi)可用元素的值
          16                 //$('#form1 input:enabled').val("這里變化了");
          17 
          18                 //2改變表單內(nèi)不可用元素的值
          19                 //$('#form1 input:disabled').val("這里變化了");
          20 
          21                 //3選取多選框中選中的個(gè)數(shù)
          22                 //alert($('#form1 input:checked').length);
          23 
          24                 //4選取下拉框中選中的內(nèi)容
          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 閱讀(310) | 評(píng)論 (0)編輯 收藏
               摘要: 以下內(nèi)容均是來(lái)自《鋒利的jQuery》,發(fā)到這里,純屬做個(gè)筆記,方便查閱。直接看代碼:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->  1 <!DOCTYPE HTML PUBLIC ...  閱讀全文
          posted @ 2011-06-17 16:11 wawlian 閱讀(908) | 評(píng)論 (0)編輯 收藏
          MyEclipse 9.0 安裝了Flash Builder4.5,界面菜單都變成中文的了,完全不適應(yīng)。
          如果不習(xí)慣中文界面, 改回英文界面吧。只需要為 flash builder 加上啟動(dòng)參數(shù)
          " -clean -nl en_US "
          完成后記得將 -clean 去掉,以免每次啟動(dòng) flash builder 都執(zhí)行清理動(dòng)作而浪費(fèi)時(shí)間。
          posted @ 2011-06-15 14:04 wawlian 閱讀(543) | 評(píng)論 (0)編輯 收藏

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

          常用鏈接

          留言簿

          隨筆分類

          隨筆檔案

          搜索

          •  

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 教育| 平顶山市| 辽宁省| 灵台县| 普安县| 黄浦区| 锦屏县| 华安县| 宜都市| 潜江市| 台湾省| 浮山县| 左权县| 印江| 科技| 宁强县| 揭东县| 垫江县| 望城县| 陈巴尔虎旗| 罗江县| 凤阳县| 吴桥县| 沧源| 崇仁县| 临漳县| 扶绥县| 兰西县| 桐梓县| 和顺县| 随州市| 萨迦县| 涿鹿县| 高安市| 延川县| 玛纳斯县| 肃宁县| 克什克腾旗| 南阳市| 上犹县| 遂平县|