다음 두 코드가 동일한 결과를 반환하는 이유는 무엇입니까?
var img = new Image(400,250);
$(img).attr('src','resources/images/' + i + '.jpg');
과
var img = new Image(400,250);
img.src = 'resources/images/' + i + '.jpg';
나는 jQuery가 좋지 않아서 웹에서 차이점을 검색했고 결과에 따라 첫 번째 코드가 반환 될 것으로 예상했고 두 번째 코드는 반환 할 것으로 예상했습니다 resources/images/1.jpg
.http://localhost:8080/myApp/resources/images/1.jpg
설명해 주셔서 감사합니다.
.attr('src', newSource)
및 .src = newSource
속성을 하나 개의 작품에서 다른 (더 구체적으로 또는, DOM의 직렬화), 및 DOM 특성을 가진 다른.
jQuery의 .attr()
setter는을 사용합니다 .setAttribute
. 즉, 속성과 함께 작동합니다. 속성 값은 일반적으로 HTML로 작성하는 일반 텍스트입니다 <img src="someSource">
.
브라우저가 HTML을 수신하고이를 DOM으로 구문 분석하는 동안 src
속성 값은 문서의 위치 (또는 <base>
태그가있는 경우)에 상대적으로 확인되고 확인 된 URI는 DOM 이미지 요소의 src
속성 으로 설정됩니다 .
src
속성 은 속성을 반영합니다 src
. 즉, src
속성 값 의 변경은 속성 값에 반영됩니다 src
(그 반대도 마찬가지입니다).
src
속성은 항상 해결 된 URI (상대 URI로 설정하는 것은 암시 적으로 문서 위치 /에 따라 해결됩니다 저장 base
속성에 반영됩니다 태그)와 속성의 변화를. 다른 방법으로도 마찬가지입니다 (속성을 설정하면 속성 값이 업데이트 됨).
속성 또는 속성 설정에 관계없이 확인 된 URI (서버에서 가져옴) 는 동일 합니다. 따라서 특정 값에 대해 속성을 테스트하는 코드가 없으면이 모든 것이 큰 차이가 없습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다