태그가 점프하지 않고 onclick 이벤트를 트리거합니다.

웹 페이지를 개발할 때 다음과 같은 상황이 자주 발생합니다.

1. 레이블은 클릭 시 동작만 실행해야 합니다.

2. 또는 태그와 유사한 기타 시각 효과.

예를 들어 삭제 작업을 수행할 때 오작동을 방지하려면 사용자가 삭제할지 여부를 확인할 수 있는 대화 상자를 팝업으로 표시해야 합니다. 따라서 우리는 onclick 이벤트를 트리거하기 위해 대신

코드는 다음과 같습니다.

<script type="text/javascript">
function del(){
if(confirm("确定删除该记录？")){
parent.window.location="执行删除.jsp";
return true;
}
return false;
}
</script>
<a href=""  target="mainFrame" onclick="del()" >删除</a>

로그인 후 복사

이 결과로 js 코드는 "Execute Delete.jsp" 페이지로 이동하고 태그의 href 속성을 처리하기 때문에 먼저 정의된 메소드를 실행한 다음 자체 메소드(점프 메소드)를 실행합니다.

다음과 같은 네 가지 주요 해결 방법이 있습니다.

1. a 태그가 없으면 CSS를 설정하거나 js를 사용하여 표현합니다(약간 복잡함). >

2. 태그, onclick 속성 또는 onclick 이벤트를 사용하여 false를 반환합니다(개인 취향).

예: 삭제

실행 순서에 대한 질문입니다. 이 태그의 실행 순서는 onclick 스크립트를 먼저 실행한 후 페이지로 이동하는 것입니다. href 매개변수로 지정됩니다. onclick에서 false를 반환하면 태그의 작업 흐름을 중단할 수 있습니다. 즉, 페이지가 href 매개변수에 지정된 페이지로 이동하는 것을 방지할 수 있습니다.

3. href="javascript:void(0)"와 같은 의사 프로토콜을 사용합니다. (이런 종류의 의사 프로토콜은 자주 작성하지 않아야 합니다.)

즉, 삭제

4. . (항상 현재 페이지의 맨 위로 이동합니다. 페이지에 내용이 많으면 여전히 점프하는 느낌이 듭니다.)

기타 지식:

다음 코드는 하이퍼링크를 생성합니다. 사용자가 클릭하면 양식이 제출됩니다. 여기에서 양식을 제출하세요

a 태그의 href="#" #은 앵커를 의미합니다. 현재 페이지라고도 할 수 있는 포인트

앵커 사용 방법은 다음과 같습니다.

<!-- 定义一个锚。 -->
<a name="anchor">锚点</a>
<!-- 本页面的一个连接,连接到锚: -->
<a href="#anchor">锚</a>

로그인 후 복사

효과는 앵커를 클릭하면 앵커 단락으로 이동합니다.