onclick 이벤트를 사용하여 같은 창과 탭에서 링크를 여는 방법은 무엇입니까?

Question

여러 div가있는 페이지가 있습니다. 내 데이터베이스에서 일부 div에 표시 할 정보를 얻고 싶습니다. 홈 div에 대한 링크를 클릭하면 해당 정보가 표시되기를 원합니다.

는 또한 페이지를 새로 고침 또는 (으로 새 페이지 또는 탭) 같은 창에서 재개 될 필요가있다. 마지막으로 홈 페이지에 페이지가 있어야합니다.

나는 아래의 코드를 시도하고 작동하지 않았다 :이 같은

<a href="#home" onclick="window.open('index.jsp#home')" >home</a> 

<a href="#home" onclick="location.reload()">home</a> 

<a href="#home" onclick="location.href='index.jsp'">home</a> 

Answer 1

를 참조 나는 이것을 사용하고는

<a href="#" class="home_btn" onclick="location.reload();location.href='index.jsp'">منوی اصلی</a> 

Answer 2

를? jsfiddle을 기억 jsfiddle

에

<input id="but1" type="button" value="click"></div> 

function loadIndex() { 
    window.location.href = "http://jsfiddle.net/Xotic750/u5nmt/"; 
} 

document.getElementById("but1").addEventListener("click", loadIndex, false); 

는 해시 값과 현재의 URL에 location.href 변경의 문제는 페이지가 다시로드하지만, 주어진 ID로 이동하지 것입니다 프레임

Answer 3

입니다.

실제로 가정용 div로 이동하려면 location.href='index.jsp'으로 점프하고 색인 파일을 편집하여로드시 location.href = '#home'을 설정하십시오. 당신이 새로로드 페이지에 걸쳐 정보를 전달할 수 있도록하려면

대신, 예를 쿼리 문자열을 사용할 수 있습니다 (특정 ID를 제공하기 위해) 페이지가로드 쿼리 문자열을 읽고 나면 다음 페이지 사용을 location.href = 'index.jsp?loaddiv=foo

을 뛰어 요청 DIV, 예를 들어,로 이동합니다 값을 사용하는 location.search = '#foo'

쿼리 문자열에서 값을 추출에 대한 자세한 내용은 this question.

Answer 4

변화 당신의 일 :

onclick="window.open('index.jsp#home')" >home</a> 

onclick="parent.location='index.jsp#home'">home</a> 

로를

다시로드 할 필요가 없습니다.