>  기사  >  웹 프론트엔드  >  URL address_javascript 기술에 # 기호를 사용하는 방법에 대한 지침

URL address_javascript 기술에 # 기호를 사용하는 방법에 대한 지침

WBOY
WBOY원래의
2016-05-16 18:10:461329검색

일반적으로 태그를 클릭한 후 자바스크립트 코드를 실행하려고 합니다. 작성하는 방법에는 여러 가지가 있습니다.
방법 1: 한 개 클릭
이 방법의 단점은 다음과 같습니다. 방법은 클릭하면 주소 표시줄의 URL 뒤에 # 기호가 추가되고 페이지가 맨 위로 이동된다는 것입니다. 이는 일반적으로 권장되지 않습니다.
방법 2: 하나 클릭
이 방법은 방법 1의 단점을 피하고 클릭 후 페이지에 영향을 주지 않습니다. 하지만 치명적인 단점이 있는데, IE6에서는 form 객체의 submit() 메소드를 실행할 수 없고
Click one
하나 클릭하세요 IE6에서는 작동하지 않습니다. href="#"으로 바꾸면 IE6에서는 정상적으로 작동합니다.


방법 3: 클릭
주소 표시줄의 URL 뒤에 3개의 # 기호가 추가되지만 스크롤 막대에는 영향을 미치지 않습니다. 동시에 submit() 메소드와 양식 객체의 점프 문은 IE6에서도 실행될 수 있는데 이는 상대적으로 절충적인 방법이다.

결론: 실행된 자바스크립트 메서드가 양식을 제출하거나 페이지로 이동해야 하는 경우에는 방법 3을 사용하고 다른 경우에는 방법 2를 사용하는 것이 개인적으로 생각됩니다.

또 다른 문제가 발생합니다. 일반적으로 다음 자바스크립트 코드를 사용하여 현재 페이지를 다시 로드합니다.
window.location.href = window.location.href; 주소가 #을 포함하는 경우 위 코드는 유효하지 않으므로 다음 코드를 사용해야 합니다.
window.location.href = window.location.href.split('#')[0]
별도 # 기호가 있는 URL 주소는 첫 번째 부분만 사용하세요.

많은 경우 /index.htm#desc가 매개변수일 수 있습니다. 쉽지 않은 매개변수는 단순한 앵커 포인트가 아닌 Ajax 읽기 내용을 표시합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.