>  기사  >  웹 프론트엔드  >  JavaScript 도메인 간 새로 고침 구현 code_javascript 기술

JavaScript 도메인 간 새로 고침 구현 code_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:12:371269검색

세 개의 페이지(main.htm, left.htm 및 right.htm)가 동일한 창에 있습니다.
main.htm

코드 복사 코드는 다음과 같습니다.


교차 달성-</head> ><iframe id="left" name="left" width="500px" height="300px;" src="left.htm" ></iframe> <br><iframe id="right" name="right" width="100px" height="100px;" right.htm" ></iframe> <br></body> <br></html> <br><br> <br>left.htm <br><br> </div> <br><br>코드 복사 <div class="codetitle"> <span><a style="CURSOR: pointer" data="33234" class="copybut" id="copybut33234" onclick="doCopy('code33234')"> 코드는 다음과 같습니다. <u></u> </a><html> </span><head><title>left
나는 왼쪽에 있습니다

;


right.htm



코드 복사


🎜>
right.htm 내부 보기
onclickRefresh() 함수는 parent.frames["left"].location.refresh()를 통해 구현됩니다.




메인 페이지에서

코드를 복사하면 다음과 같습니다.


홈페이지 새로고침을 통해 액세스할 수 있습니다. 하위 페이지.
목적을 달성하는 것은 매우 간단할 수 있지만 실제 프로젝트에서는 데이터가 그렇게 간단하지 않습니다. 가장 일반적인 것은 왼쪽 및 오른쪽 트리의 생성 및 로드(예: 천 개 생성)입니다. 노드)는 본질적으로 리소스를 더 많이 사용합니다. 왼쪽 및 오른쪽 페이지를 새로 고치는 방법을 계속 사용한다면 효율성이 확실히 낮습니다. 그렇다면 다른 방법을 통해 도메인 간 새로 고침이나 제출을 달성할 수 있습니까?
제가 생각하고 있는 것은 Ajax를 통한 데이터 부분 로딩입니다. 전체 트리를 로드하는 대신. 또한 jquery의 json 처리 방법을 통해 로컬 데이터를 업데이트할 수도 있습니다.
다른 효율적인 방법이 없을까요? 1,000개의 노드로 구성된 트리를 로드할 때 효율성은 고려해 볼 가치가 있습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:JQuery는 선택 태그의 onchange 이벤트를 바인딩하고 선택한 값을 팝업하며 점프 및 매개변수 pass_jquery를 구현합니다.다음 기사:JQuery는 선택 태그의 onchange 이벤트를 바인딩하고 선택한 값을 팝업하며 점프 및 매개변수 pass_jquery를 구현합니다.

관련 기사

더보기