이 블로그에서는 명시된 href 표현식 “ ”의 기능에 대해 논의합니다.
href 표현식 “ ”의 기능은 무엇입니까?
HTML '의 href 속성 <아> ” 태그는 일반적으로 링크가 연결되는 URL 또는 웹 페이지를 지정합니다.
'의 경우 ”, href 속성은 “ 자바스크립트:; ” 클릭하면 아무 작업도 수행하지 않는 자리 표시자 값입니다. 이는 링크가 JavaScript 기능 또는 이벤트에 사용될 때 자주 사용되며 사용자를 새 페이지로 리디렉션할 필요가 없습니다.
“ 자바스크립트:; ”는 JavaScript의 가장 인상적인 기능으로 HTML 및 CSS와 통합됩니다. HTML href 또는 앵커 태그에서 JavaScript 함수를 호출하는 데 도움이 됩니다.
예
주어진 예에서 '를 사용하여 링크를 클릭하여 현재 페이지에 이미지를 표시합니다. 자바스크립트:; 브라우저가 현재 페이지를 떠나는 것을 방지하는 href 속성의 ”:
< 사업부 ID = 'myImage' > 사업부 >
< a href = '자바스크립트: img = document.createElement('img');
img.src = 'sun.jpg';
src = document.getElementById('myImg');
src.appendChild(img);' > 이미지 표시 ㅏ >
위의 코드에서:
- 먼저 HTML 파일에 div 요소를 생성하고 ' myImg '.
- href 속성을 ' 자바스크립트:; '를 생성하고 ' 이미지 ” 요소를 활용한 생성요소() ' 방법.
- “ 소스 ” 속성은 이미지의 경로를 나타냅니다.
- '를 사용하여 이미지를 표시하려면 HTML 파일에서 이미지 요소의 참조를 가져옵니다. getElementById() ' 방법.
- '를 사용하여 이미지를 자식 요소로 추가합니다. 부록() ' 방법.
출력은 링크를 클릭하는 동안 이미지가 동일한 페이지에 표시됨을 나타냅니다.
'를 사용하여 href 태그의 기능에 액세스할 수도 있습니다. 자바스크립트:; ” 자리 표시자:
< 사업부 ID = 'myImage' > 사업부 >< a href = 'javascript:myFunction();' > 클릭 해주세요 ㅏ >
함수 정의 ' myFunction() href 태그에서 액세스되는