js_javascript 스킬에서 하이퍼링크를 취소하는 방법 요약

단일 링크가 연결 해제되고 js 이벤트가 발생함

코드 복사 코드는 다음과 같습니다.

테스트

일괄 웹페이지 링크 취소 또는 링크 재설정 코드:

<a href="http://www.baidu.com">바이두</a> <a href="http://www.jb51.net">스크립트하우스</a> <a href="http://s.jb51.net">서버 소프트웨어</a> <a href="http://sc.jb51.net"> 자료 다운로드</a> <a href="http://tools.jb51.net">웹마스터 문의</a> <a href="http://www.jb51.net/jiaoben/">스크립트 다운로드</a> <input type="button" id="o1" value="取消所有链接" onclick="javascript:doLinkAll(false)"> <input type="button" id="o2" value="重新设置链接" onclick="javascript:doLinkAll(true)">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]
지정된 ID의 링크를 취소하거나 복원하려면 다음 코드를 참조하세요

코드 복사

코드는 다음과 같습니다.

var e=document.getElementById( "link1 ")
//Set
e.setAttribute( "href ",e.rel)
//Cancel
e.setAttribute( "rel ",e.href)
e.removeAttribute( "href ")

<script> function doLinkAll(action){ var arr=document.getElementsByTagName("A") for(var i=0;i <arr.length;i++){ if (action){ //重新设置链接 if (arr[i].rel) arr[i].setAttribute("href",arr[i].rel) }else{ //取消所有链接 arr[i].setAttribute("rel",arr[i].href) arr[i].removeAttribute("href") } } o1.disabled=!action o2.disabled=action } </script>코드 설명: 취소를 추가해야 하는 이유 e.setAttribute( "rel ",e.href)? 이 코드는 a에 rel을 추가하고 후속 링크 복원을 용이하게 하기 위해 좋은 링크를 설정하는 것입니다.