팔로우

동적 링크를 고정화 하지 않는 방법

이 페이지에 대해

이 페이지는 동적 링크를 고정화하지 않고 작업하는 방법에 대해 설명합니다.

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명 중 0명이 유용하다고 평가하였습니다.
또 다른 질문이 있으십니까? 문의 등록

0 댓글

이 문서에는 댓글을 달 수 없습니다.