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

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

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

    
    

    




    







												


        

    
	

    
	
    
		
    
			
                
    雪湖小札@blogjava
    
				
    心情與技術文檔同行
http://hi.baidu.com/jingleq
    
			    		
		
    
	
    

    

    
	
    
		
    
		    
		        
		        BlogJava
首頁
新隨筆
聯系
聚合

管理

			
			
				

    
	
    
		
    
			
			
			
				 
				24 
				Posts ::
				2 Stories
				::
				4 Comments
				::
				0 Trackbacks
			
		
    
	
    

    

			    		
		
    
	
    

    


    



    
	
					

    
	
	
	
    
		
     　　今天才發現原來html的基本標簽里面的屬性是可以由我們自己隨意添加的，而且通過DOM方式還能夠訪問到。這一功能可以做很多事情。
    　　這里我做的就是數據分離，這是用好ajax的前提條件。實現中，通過在span標簽中添加上bindingData屬性和bindingPattern屬性來指明數據和數據轉化邏輯。通過javascript處理填入數據內容。
    　　當然要處理javascript代碼，使用了jquery，jquery在操作DOM對象的時候帶來很大的便利。另外jquery在ajax與數據展示特效中都有出色的表現。后面會再有詳細說明。
    　　整個程序如下：

    

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
           <title>HelloWorld</title>
           <script src="lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
           <script type="text/javascript" charset="utf-8">
      
           // --- 基本數據區 ---
       var dataMap = {"name":"0001","password":"123456"};
           var userMap = {"0001":"jingle","0002":"chen"}
           // --- end ---  

           // --- 基本數據格式轉換邏輯區 --- 
       function changeName(val) {
            return userMap[val];
       }
           // --- end ---
      
           // --- 數據綁定 ---
       $(document).ready(function (){
        $(    "span").each(function (i,n) {
             if (n.bindingPattern != undefined || n.bindingPattern == "") {
              try {
           n.bindingPattern     = n.bindingPattern.replace("[function]","");
               // --- 調用處理方法 ---
           //當然可以在這里加強，不止只有一個參數
           n.innerHTML = eval(n.bindingPattern.replace("\{0\}","'" + dataMap[n.bindingData] + "'"));
          }     catch (e) {
           alert(e);
          }
         }     else {
          n.innerHTML     = dataMap[n.bindingData];
         }
        }    )
       }    )
           // --- end ---

           </script>
    </head>
    <body>
           <div id="head">HelloWOrld</div>
           <hr/>
           <div id="conent"> 
            <!-- 這樣寫在html區域代碼清晰明了 -->
            <table border="0" cellspacing="5" cellpadding="5">
             <tr>
                  <td><span bindingData="name" bindingPattern="[function] changeName({0})"></span></td>
             </tr>
             <tr>
                  <td><span bindingData="password"></span></td>
             </tr>
            </table>
           </div>
    </body>
    </html>
    

     
    

     
    

     
    

	
    
	
	
    
		posted on 2007-06-13 08:17 csnowfox 閱讀(500) 評論(0)  編輯  收藏  
	
    

    







    
	    
    




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊用戶登錄后才能發表評論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				

    



    







    
        
	



主站蜘蛛池模板：
亚洲国产中文字幕在线观看
|
免费a级毛片永久免费|
亚洲国产精品综合久久网各|
免费91麻豆精品国产自产在线观看|
亚洲色偷偷狠狠综合网|
日韩免费码中文在线观看|
免费人成在线观看网站品爱网日本|
亚洲真人无码永久在线观看|
成人免费毛片观看|
亚洲精品宾馆在线精品酒店|
亚洲?v无码国产在丝袜线观看|
麻豆一区二区三区蜜桃免费|
亚洲国产精品一区二区九九|
中国videos性高清免费|
亚洲AV无一区二区三区久久|
99国产精品免费观看视频|
亚洲成人福利在线|
在线中文高清资源免费观看|
精品成人一区二区三区免费视频
|
精品成在人线AV无码免费看
|
久久福利资源网站免费看|
亚洲国产成人精品无码区在线网站|
91免费国产在线观看|
亚洲欧洲AV无码专区|
亚洲 国产 图片|
在线播放免费人成毛片乱码|
亚洲精品日韩中文字幕久久久|
最近的中文字幕大全免费版|
无人视频在线观看免费播放影院
|
精品久久久久久国产免费了|
国产亚洲精品va在线|
国产免费女女脚奴视频网
|
国产精品亚洲mnbav网站
|
国产黄在线播放免费观看|
亚洲黄色免费观看|
啦啦啦在线免费视频|
成人性生交大片免费看好|
亚洲一级毛片免费观看|
亚洲精品国产成人影院|
1000部啪啪未满十八勿入免费|
自拍偷自拍亚洲精品偷一|