URL (HTML)을 변경하지 않고 div에 연결할 수 있습니까?

Franconstein

따라서 기본적으로 사람들이 Div에 대한 링크를 통해 내 웹 사이트를 탐색 할 수 있기를 원하지만 브라우저가 현재 URL을 변경하는 것을 방지합니다 (.html 파일 끝에 #divname 추가).

다음과 같은 것이 있습니다.

<div id="modalLogin" class="modalLogin">
    <!-- random stuff here -->
</div>

그리고 다른 곳에서 해당 Div에 대한 링크가 있습니다.

<a href="#modalLogin"> 
    <img class="btnLogin" src="../images/btnLogin.png" alt="Log in!"/> 
</a>

그러나 앞서 언급했듯이 이러한 링크를 클릭 할 때마다 URL이 변경됩니다. 그런 일없이 웹 사이트를 탐색 할 수 있기를 바랍니다. 가능하다면 HTML 만 사용하세요 (자바 스크립트, jQuery, AJAX 없음).

그동안 웹 사이트 전체가 URL을 전혀 변경하지 않는 것을 보았습니다 (요청을 추적하고 다른 파일을 명확하게 탐색하고있는 경우에도), 일부는 '예상 주소'도 표시하지 않습니다. (브라우저 왼쪽 하단의 URL). 어떻게하나요?

미리 감사드립니다!

추신 : 저는이 웹 사이트를 검색했는데, 분명히 모든 '유사한'질문은 그 반대 인 URL을 변경하는 방법을 묻습니다.

J Manish 박사

나는 이것을 위해 Javascript를 사용할 수 있다고 생각합니다.

//Grab your current Url
var url = window.location.toString();
//Remove anchor from url using the split
url = url.split("#")[0];

샘플 JSFIDDLE

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Meteor에서 페이지를 다시로드하지 않고 URL을 변경할 수 있습니까?

분류에서Dev

본문을 변경하지 않고 div 요소의 방향을 어떻게 변경할 수 있습니까?

분류에서Dev

Windows 10에서 페어링을 해제하지 않고 Bluetooth 장치에 연결할 수 있습니까?

분류에서Dev

MacBook을 전원에 연결하지 않고 클램 쉘 모드로 실행할 수 있습니까?

분류에서Dev

Windows 7을 네트워크에 연결하지 않고도 무기한 실행할 수 있습니까?

분류에서Dev

URL을 변경하지 않고 매개 변수가있는 페이지로 URL에서 리디렉션하는 방법이 있습니까?

분류에서Dev

연결된 모든 장치에 영향을주지 않고 SSID 암호를 변경할 수있는 방법이 있습니까?

분류에서Dev

R에서`main =`을 지정하지 않고 히스토그램 제목을 변경할 수 있습니까?

분류에서Dev

연결하지 않고 tmux 세션에 입력을 보낼 수 있습니까?

분류에서Dev

cfspreadsheet는 쿼리에서 null 값을 공백으로 변경하지 않고 출력 할 수 있습니까?

분류에서Dev

ViewPager 조각을 다른 조각에서 어떻게 변경할 수 있습니까? 새로하지 않고

분류에서Dev

커서 위치를 변경하지 않고 Ace Editor 내에서 값을 업데이트 할 수 있습니까?

분류에서Dev

에이전트 / 브라우저가 실제로 해당 경로로 이동하지 않고 URL을 변경할 수있는 이유는 무엇입니까?

분류에서Dev

Smarty 템플릿을 페이지에 출력하지 않고 HTML로 변환 할 수 있습니까?

분류에서Dev

URL을 통하지 않고 mysqli 데이터베이스에 dataURL을 어떻게 저장할 수 있습니까?

분류에서Dev

.avi 파일을 변환하지 않고 iTunes에 추가 할 수 있습니까?

분류에서Dev

클라이언트가 ServerSocket에 연결을 시도하고 있는지 확인할 수 있습니까?

분류에서Dev

방화벽을 열지 않고 연결된 "연결된 서버"를 설정할 수 있습니까?

분류에서Dev

ssh 키가 올바른 포트에 연결되지 않은 경우 연결을 거부하도록 구성 할 수 있습니까?

분류에서Dev

Telnet을 경로에 연결할 수 있습니까?

분류에서Dev

다른 테마로 변경하지 않고 gedit의 배경색을 변경할 수 있습니까?

분류에서Dev

다른 테마로 변경하지 않고 gedit의 배경색을 변경할 수 있습니까?

분류에서Dev

Dapper를 사용하여 연결을 열지 않고 Database에 액세스 할 수 있습니다.

분류에서Dev

null 값 배열을 비울 수 있지만 JavaScript에서 키를 변경하지 않고 유지할 수 있습니까?

분류에서Dev

다시 시작하지 않고 Windows 7에서 PATH 환경 변수를 변경할 수 있습니까?

분류에서Dev

vee-validate : 현재 이름을 변경하지 않고 fields-bag-name을 변경할 수 있습니까?

분류에서Dev

Python : 목록을 사용하지 않고 Pandas Series 객체에 직접 연결할 수있는 방법이 있습니까?

분류에서Dev

OS에 암호를 설정하지 않고 암호로 원격 데스크톱 연결을 활성화 할 수있는 방법이 있습니까?

분류에서Dev

JQuery에서 URL 변경을 어떻게 감지 할 수 있습니까?

Related 관련 기사

  1. 1

    Meteor에서 페이지를 다시로드하지 않고 URL을 변경할 수 있습니까?

  2. 2

    본문을 변경하지 않고 div 요소의 방향을 어떻게 변경할 수 있습니까?

  3. 3

    Windows 10에서 페어링을 해제하지 않고 Bluetooth 장치에 연결할 수 있습니까?

  4. 4

    MacBook을 전원에 연결하지 않고 클램 쉘 모드로 실행할 수 있습니까?

  5. 5

    Windows 7을 네트워크에 연결하지 않고도 무기한 실행할 수 있습니까?

  6. 6

    URL을 변경하지 않고 매개 변수가있는 페이지로 URL에서 리디렉션하는 방법이 있습니까?

  7. 7

    연결된 모든 장치에 영향을주지 않고 SSID 암호를 변경할 수있는 방법이 있습니까?

  8. 8

    R에서`main =`을 지정하지 않고 히스토그램 제목을 변경할 수 있습니까?

  9. 9

    연결하지 않고 tmux 세션에 입력을 보낼 수 있습니까?

  10. 10

    cfspreadsheet는 쿼리에서 null 값을 공백으로 변경하지 않고 출력 할 수 있습니까?

  11. 11

    ViewPager 조각을 다른 조각에서 어떻게 변경할 수 있습니까? 새로하지 않고

  12. 12

    커서 위치를 변경하지 않고 Ace Editor 내에서 값을 업데이트 할 수 있습니까?

  13. 13

    에이전트 / 브라우저가 실제로 해당 경로로 이동하지 않고 URL을 변경할 수있는 이유는 무엇입니까?

  14. 14

    Smarty 템플릿을 페이지에 출력하지 않고 HTML로 변환 할 수 있습니까?

  15. 15

    URL을 통하지 않고 mysqli 데이터베이스에 dataURL을 어떻게 저장할 수 있습니까?

  16. 16

    .avi 파일을 변환하지 않고 iTunes에 추가 할 수 있습니까?

  17. 17

    클라이언트가 ServerSocket에 연결을 시도하고 있는지 확인할 수 있습니까?

  18. 18

    방화벽을 열지 않고 연결된 "연결된 서버"를 설정할 수 있습니까?

  19. 19

    ssh 키가 올바른 포트에 연결되지 않은 경우 연결을 거부하도록 구성 할 수 있습니까?

  20. 20

    Telnet을 경로에 연결할 수 있습니까?

  21. 21

    다른 테마로 변경하지 않고 gedit의 배경색을 변경할 수 있습니까?

  22. 22

    다른 테마로 변경하지 않고 gedit의 배경색을 변경할 수 있습니까?

  23. 23

    Dapper를 사용하여 연결을 열지 않고 Database에 액세스 할 수 있습니다.

  24. 24

    null 값 배열을 비울 수 있지만 JavaScript에서 키를 변경하지 않고 유지할 수 있습니까?

  25. 25

    다시 시작하지 않고 Windows 7에서 PATH 환경 변수를 변경할 수 있습니까?

  26. 26

    vee-validate : 현재 이름을 변경하지 않고 fields-bag-name을 변경할 수 있습니까?

  27. 27

    Python : 목록을 사용하지 않고 Pandas Series 객체에 직접 연결할 수있는 방법이 있습니까?

  28. 28

    OS에 암호를 설정하지 않고 암호로 원격 데스크톱 연결을 활성화 할 수있는 방법이 있습니까?

  29. 29

    JQuery에서 URL 변경을 어떻게 감지 할 수 있습니까?

뜨겁다태그

보관