a 태그 에서 href = "" 의 몇 가지 용법

알다 시 피 a 라벨 의 가장 중요 한 기능 은 하이퍼링크 와 닻 점 을 실현 하 는 것 이다.그리고 대부분 사람들 은 a 태그 의 가장 중요 한 역할 은 하이퍼링크 를 실현 하 는 것 이 라 고 생각 합 니 다. 오늘 저 는 a 태그 의 쓰기 방법 을 만 났 기 때문에 a 태그 에서 href 의 몇 가지 용법 을 정리 하 겠 습 니 다.
1. Js 의 몇 가지 호출 방법 (요약 참조)
1、a href="javascript:js_method();" 이것 은 자주 사용 하 는 방법 입 니 다. 그러나 이런 방법 은 this 등 인 자 를 전달 할 때 문제 가 발생 하기 쉽 습 니 다. 또한 자바 script: 프로 토 콜 이 a 의 href 속성 일 때 불필요 하 게 window. onbeforeunload 사건 을 촉발 할 뿐만 아니 라 IE 에서 gif 애니메이션 그림 의 재생 을 중단 할 수 있 습 니 다.W3C 표준 은 href 에서 자바 script 문 구 를 실행 하 는 것 을 추천 하지 않 습 니 다. 2、 a href="javascript:void(0);" οnclick="js_method()" 이런 방법 은 많은 사이트 에서 가장 자주 사용 하 는 방법 이자 가장 주도면밀 한 방법 이다. onclick 방법 은 js 함 수 를 집행 하 는 것 을 책임 지고 void 는 조작 부호 이다. void (0) 는 undefined 로 돌아 가 주소 가 바 뀌 지 않 는 다.그리고 이 방법 은 첫 번 째 방법 처럼 js 방법 을 브 라 우 저의 상태 표시 줄 에 직접 노출 시 키 지 않 습 니 다. 3、a href="javascript:;" οnclick="js_method()" 이 방법 은 두 가지 와 유사 하 며 빈 js 코드 만 실 행 된 것 으로 나 타 났 다. 4、a href="#" οnclick="js_method()" 이런 방법 도 인터넷 에서 흔히 볼 수 있 는 코드 입 니 다. \ # 라벨 에 내 장 된 방법 으로 top 의 역할 을 대표 합 니 다.그래서 이런 방법 으로 웹 페이지 를 클릭 한 후 페이지 의 맨 위로 돌아간다. 5、a href="#" οnclick="js_method();return false;" 이 방법 은 js 함 수 를 실행 한 후 return false 를 누 르 면 페이지 가 이동 하지 않 고 실행 한 후에 도 페이지 의 현재 위치 에 있 습 니 다.
상기 와 같이 a 에서 js 함 수 를 호출 하 는 가장 적당 한 방법 은 다음 과 같이 추천 합 니 다.


    
    
    
    
     
     
     
     
      
      
      
      
       
       
       
       
      
      
      
      
      
      
      
      
       
       
       
       
        
        
        
        "javascript:void(0);" οnclick=
"js_method()">
a>
      
      
      
      
     
     
     
     
      
      
      
      
       
       
       
       
      
      
      
      
      
      
      
      
       
       
       
       
        
        
        
        "javascript:;" οnclick=
"js_method()">
a>
      
      
      
      
     
     
     
     
      
      
      
      
       
       
       
       
      
      
      
      
      
      
      
      
       
       
       
       
        
        
        
        "#" οnclick=
"js_method();return false;">
a>


 、href="#" 

       a href="#" 。 ， 。 ， ， 。

"font-size:14px;"><a href="#">     a>span>

三、href="URL"的作用

1、URL为绝对URL

此时指向另一个站点，比如href="http://write.blog.csdn.net",那么点击时就会直接跳转到这个链接的页面。

2、URL为相对URL

此时指向站点内的某个文件，比如href="/test.doc"，那么点击时就会直接下载文件。

3、锚 URL

此时指向页面中的锚，比如href="#top"，那么点击时就会到当前页面中id="top"的这个锚点，实现当前页面的所谓跳转。用的最多就是在可滚动页面中，添加菜单，可以直接回到页面中的某个部分的内容。

即所有的三种代码样例：


    
    
    
    
     
     
     
     
      
      
      
      
       
       
       
       
      
      
      
      
      
      
      
      
       
       
       
       
        
        
        
        <a href="http://baidu.com">   
        
        
        
        a>
       
       
       
       
      
      
      
      
     
     
     
     
      
      
      
      
       
       
       
       
      
      
      
      
      
      
      
      
       
       
       
       
        
        
        
        <a href="#">     
        
        
        
        a>
       
       
       
       
      
      
      
      
     
     
     
     
      
      
      
      
       
       
       
       
      
      
      
      
      
      
      
      
       
       
       
       
        
        
        
        <a href="css/css1.css">    
        
        
        
        a>


 https://blog.csdn.net/u010297791/article/details/52784879

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

a 태그 에서 href = "" 의 몇 가지 용법

좋은 웹페이지 즐겨찾기