javascript 크로스 필드 리 셋 실현 코드

세 페이지 는 같은 창 에 있 습 니 다.각각 main.htm,left.htm,right.htm 입 니 다.main.htm

 
<html> 
<head> 
<title>   </title> 
</head> 
<body> 
<div>   </div> 
<iframe id="left" name="left" width="500px" height="300px;" src="left.htm" ></iframe> 
<iframe id="right" name="right" width="100px" height="100px;" src="right.htm" ></iframe> 
</body> 
</html>

left.htm

 
<html> 
<head><title>  </title></head> 
<body> 
<div>    </div> 
<div><img src="http://www.enjoymyself.info/images/buysc.jpg" alt=" " /></div> 
</body> 
</html>

right.htm

 
<html> 
<head><title>  </title></head> 
<body> 
<div> 
<input onclick="onclickRefresh();" type="button" value="  " /></div> 
<script type="text/javascript"> 
function onclickRefresh() 
{ 
parent.frames[ "left"].location.reload(); 
//window.left.location.reload(); 
} 
</script> 
</body> 
</html>

오른쪽.htm 에서 function onclickRefresh()를 parent.frames["left"].location.refresh()를 통 해 볼 수 있 습 니 다.오른쪽 페이지 에서 왼쪽 페이지 를 새로 고 칠 수 있 습 니 다.홈 페이지 에

 
<div><input type="button" onclick="mainRefresh();" value="   " /></div> 
<script type="text/javascript"> 
function mainRefresh() 
{ 
window.left.location.reload(); 
} 
</script>

를 추가 하면 홈 페이지 를 통 해 하위 페이지 를 새로 고 칠 수 있 습 니 다.이렇게 하면 매우 간단하게 실현 할 수 있 는 목적 이지 만 실제 프로젝트 에서 데 이 터 는 이렇게 간단 하지 않 습 니 다.가장 흔히 볼 수 있 는 것 은 왼쪽\오른쪽 트 리 입 니 다.디 렉 터 리 트 리 의 생 성 로드(예 를 들 어 천 개의 노드 를 만 드 는 것)는 원래 자원 을 소모 하 는 것 입 니 다.만약 에 방식 을 통 해 좌우 페이지 를 새로 고침 하고 효율 이 낮 다 는 것 을 알 수 있다 면 다른 방식 으로 도 메 인 새로 고침 이나 제출 을 실현 할 수 있 지 않 습 니까?내 가 생각 한 것 은 ajax 를 통 해 데이터 부분 로드 를 실현 하 는 것 이다.전체 트 리 의 로드 가 아 닙 니 다.또한 jquery 의 json 처리 방식 을 통 해 국부 데이터 의 업 데 이 트 를 실현 할 수 있다.더 효율 적 인 방법 은 없 을 까?1000 개의 노드 의 트 리 로 딩,효율 적 인 문제.

javascript 크로스 필드 리 셋 실현 코드

좋은 웹페이지 즐겨찾기