브러시리스 대화방 기술 구현 방법
1. 통합 용어
텍스트 상자 : 채팅 내용의 프레임 워크 페이지 표시
상자를 입력하십시오 : 채팅 정보를 입력하는 프레임 워크 페이지
새로 고침 상자 : 자체 -최신 채팅 정보를 얻기 위해 프레임 워크 페이지를 반영하면이 페이지가 직접 표시되지 않습니다.
달성하는 방법
새로 고침을 달성하지 않으려면 현재 텍스트 상자 채팅 내용 뒤에 새로운 채팅 정보를 계속 추가해야합니다.
구현 방법은 "Refresh"가 아닌 "새로운 정보 추가"입니다.
셋째, 기술적 요점
채팅방을 새로 고치기 위해 채팅처럼 사용되는 키 코드를 실현하십시오.
1. 자기 -리프레 쉬 :
<meta http-equiv = 새로 고침 컨텐츠 = 2>
2. html 파일에 코드를 쓰십시오.
<cript>
top.frametext.document.write (텍스트);
</스크립트>
넷째, 예
1.frame.asp 페이지. 가장 간단한 것은 3 개의 프레임 워크 페이지를 포함합니다
텍스트 상자 frametext.htm;
입력 상자 frameInput.asp;
새로 고침 상자 framerefresh.asp;
2. 텍스트 상자 frametext.htm 컨텐츠 :
가장 간단한 텍스트 내용. 약간
3. FrameInput.asp 컨텐츠를 입력하십시오.
약간
4. framefresh.asp 컨텐츠 (키)
... ...
<%
'여기에서 코드를 사용하여 최신 채팅 정보를 얻으십시오
'최신 정보는 Arrrecord ()에 저장됩니다.
'Outnum 매개 변수 레코드에는 새로운 채팅 레코드가 나타납니다
%>
<html>
<헤드>
<meta http-equiv = content-type content = text/html = gb2312;
<meta http-equiv = 새로 고침 컨텐츠 = 2> <!-최신 정보를 얻기 위해 정기적 인 새로 고침->
...
<%
Outnum> 0이면 사용자의 경우 새 정보가 있으면 새 정보를 출력합니다.
산출
response.write <script language = javaScript>
i = 1에서 Outnum의 경우
response.write top.frametext.document.write (& arrrecord (i) &)
;;;
다음
응답 </script>
끝 If
%>
...
5. 관련 문제
1. 초점을 새로 고치는 한 가지 문제는 초점 위치 지정 문제 (즉, 자동 화면의 문제)입니다. 텍스트의 사용자
이 상자에서 본 것은 채팅방에 처음 입력 한 내용의 위치이며 새 정보로 자동 롤링되지 않습니다.
위치를 굴려야합니다.
chat.163.com에서는 사용자가 "자동 화면"메소드를 클릭하여 구현됩니다. 실제로 "선택" "
"자동 화면"이 프로그램은 컨트롤 텍스트 상자의 일정을 제어하는 JS 프로그램을 활성화합니다.
함수 scrollwindow ()
{{
...
this.scroll (0, 65000); // 텍스트 상자 스크롤을 지정된 위치에 넣습니다. 여기에서 선택하십시오 (0,65000)
화면 높이가 600 미만이므로 왼쪽 하단의 위치를 가리키고 있습니다.
중간에는 도달하는 것이 거의 불가능합니다 (0,65000). 이렇게하면 화면이 항상 바닥으로 롤링되도록합니다.
settimeout ( 'scrollwindow ();', 200); 그렇지 않으면 한 번 롤링하는 것은 쓸모가 없습니다
}
2. 클리어 화면. 화면이 명확하지 않으면 채팅 창이 열리고 텍스트 상자 텍스트가 증가하지 않습니다.
클리어 스크린은 Reload Text Box Page에서 구현할 수 있습니다.
가장 실용적인 웹 페이지 특수 효과 코드를 수집하십시오!