이 페이지에 대해
이 페이지는 동적 링크를 고정화하지 않고 작업하는 방법에 대해 설명합니다.
HTML 편집 기능을 이용할 때 주의 할 점
UI 편집기 HTML 편집 기능을 이용할 때 대상 요소에 링크 (<a>
태그) 를 포함한 경우, 편집 후 저장한 시점에 링크(href
속성)를 JavaScript 코드에 기록합니다.
개선 대상 사이트의 링크가 동적으로 변하는 경우, 디자인 안을 게시할 때 그 대상으로 덮어 버리는 문제를 고정화라고 합니다.
$("#registration").html("<p>지금 <a href=\"/regist?track_id=1234\">회원가입</a></p>")
만일 상기와 같은 코드에서 해당 사이트가 track_id
의 매개 변수 값을 동적으로 생성하는 경우、1234
로 고정되어 버립니다.
편집
이 문제에 대응하기 위해 기존의 링크를 참조하는 것처럼 UI 편집기 왼쪽에있는 JavaScript
탭을 열고 수정합니다.
$("#registration").html("<p>지금 <a href=\"" + $("#registration a").attr("href") + "\">회원가입</a></p>")
사용하는 코드
$("대상 a 태그").attr("href");
이 코드는 a 태그의 href에 기술되어있는 정보를 얻을 것입니다.
() 내에 기술되어있는 정보를 변경하면 그에 대응한 정보를 얻을 수 있습니다.
- .attr(“style”) –> 요소에 설정된 style 정보를 얻을 수 있습니다
- .attr(“onclick”) –> 요소에 설정된 onclick 정보를 얻을 수 있습니다.
0 댓글