<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      無刷新聊天室技術完成方法（ASP相關）
                
                  發表時間：2023-08-01             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]無刷新聊天室技術實現方法 　　一、統一名詞 文字框：顯示聊天內容的框架頁面 輸入框：輸入聊天信息的框架頁面 刷新框：自刷新獲取最新聊天信息的框架頁面，該頁面不直接顯示出來 二、如何實現 實現無刷新，...
      無刷新聊天室技術實現方法 
      　　
      一、統一名詞 
      文字框：顯示聊天內容的框架頁面 
      輸入框：輸入聊天信息的框架頁面 
      刷新框：自刷新獲取最新聊天信息的框架頁面，該頁面不直接顯示出來 

      二、如何實現 
      實現無刷新，就是要在當前文字框聊天內容后面不斷的添加新的聊天信息。 
      實現的方式是“添加新信息”，而不是“重新刷新”。 

      三、技術要點 
      實現像chat.163.com的無閃爍刷新的聊天室要用到的關鍵代碼： 
      1.自刷新： 
      <meta http-equiv="refresh" content="2"> 
      2.向html文件寫代碼: 
      <script> 
      top.frametext.document.write("text"); 
      </script> 

      四、例子 
      1.frame.asp頁面。最簡單的包含三個框架頁 
      文本框frametext.htm;name=frametext 
      輸入框frameinput.asp; 
      刷新框framerefresh.asp; 

      2.文本框frametext.htm內容： 
      最簡單的文本內容。略 

      3.輸入框frameinput.asp內容： 
      略 

      4.刷新框framefresh.asp內容（關鍵） 
      ...... 
      <% 
      '此處用代碼獲取最新的聊天信息 
      '最新信息保存在數組ArrRecord() 
      'OutNum參數紀錄是否有新的聊天紀錄出現 
      %> 
      <html> 
      <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
      <meta http-equiv="refresh" content="2"><!--定時刷新獲取最新信息--> 
      ..... 
      <% 
      if OutNum>0 then '對于用戶來講，如果有新的信息的話，則輸出新信息,否則不 
      輸出 
      response.write "<script language=""javascript"">" 
      for i = 1 to outnum 
      response.write "top.frametext.document.write("""& ArrRecord(i) &""") 
      ;" 
      next 
      response.write "</script>" 
      end if 
      %> 
      ..... 

      五、相關問題 
      1.自刷新存在的一個問題是焦點定位問題（也就是自動滾屏的問題）。用戶在文 
      本框看到的都是第一次進入chatroom看到的內容的位置，不會自動滾屏到新信息 
      的位置，必須滾動滾動欄才可以。 
      在chat.163.com，它通過用戶點選“自動滾屏”的方法來實現。其實就是選擇“ 
      自動滾屏”，程序將啟用控制文本框滾屏的一個js程序，關鍵部分為： 
      function ScrollWindow() 
      { 
      ..... 
      this.scroll(0, 65000); //將文本框scroll到指定的位置。這里選定(0,65000) 
      ,就是指向最左下角的位置，由于屏幕高度才600不到，所以在一個用戶聊天過程 
      中，幾乎永遠不可能達到(0,65000)的位置。這樣就保證了屏幕永遠滾到最底層。 

      setTimeout('scrollWindow();',200); //循環。否則只滾動一次是沒用的 
      } 

      2.清屏。如果不清屏，一直開著聊天窗口，文本框文字內容將永無止境的增加。 
      清屏可以通過reload 文本框頁面的方法實現。 


              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清