2012-01-24 2 views
0

나는 서버 측 코드에서 javascript로 내 div를 렌더링하고 있습니다. 스크립트는 clitn에서 렌더링 될 때 비동기 적으로 다른 호출을하고 전송 된 매개 변수에 따라 일부 데이터 (이미지)가 표시되도록합니다. 그러나, 내가 페이지의 소스를 보려고 할 때, "이미지 태그"를 얻지는 못하지만 파이어 버그 또는 IE 개발자 툴바를 통해 볼 때 이미지를 볼 수 있습니다 .. 내가 시도 할 때 javascript를 통해 이미지 객체를 얻으려면 아무 것도 반환하지 않습니다.보기 소스에서 div의 업데이트 된 innerhtml을 가져올 수 없습니다.

Pls는 이미지가 클라이언트에서 렌더링되었는지 여부를 알려야합니다.

답변

1

... 제대로 페이지로드 후에 표시되는 경우에 당신이 그것을 알고 것이라 생각합니다. 페이지에서 수정하는 내용은 표시되지 않습니다. IE 개발자 도구 모음, Chrome/Safari의 개발자 도구 모음 또는 방화범 쇠 단추와 같은 브라우저 개발 도구 모음 중 하나에서 코드를 보면 HTML/DOM에 대한 변경 사항을 볼 수 있습니다.

이미지가 렌더링되었는지 확인하려면 이미지의로드 이벤트를 바인딩하여 실제로로드되었음을 코드에 알릴 수 있다고 생각합니다. JQuery의 .load() 이벤트는 이전에 사용한 적이 있지만 경고가 있습니다. http://api.jquery.com/load-event/

0

나는 브라우저에서 소스를 볼 때, 당신이 그것을받은대로 소스 코드를 볼 수 있습니다

1

소스보기 컨텍스트 메뉴의 소스보기는 서버에서 보낸 HTML 코드를 보여줍니다. 당신이, 당신이 할 수있는 직렬화를 실제 HTML을 보려면 :

  • 페이지의 일부를 선택하고 "보기 선택 소스"를 사용 (FF에서 이름을 잘하지)
  • 사용 방화범 "요소 검사 ".
  • 다음과 같은 스크립트를 사용하십시오. document.getElementsByTagName ('html') [0] .outerHTML;

    <img src="there.jpg" onload="triggeredCode()" /> 
    
    :
  • 이미지가로드되었는지의 여부를 알 수 밖에

, 당신은 같은로드 이벤트 핸들러를 사용한다

관련 문제