2016-06-19 9 views
1

저는 이렇게 보이는 웹 사이트 (http://brandonbarber.co/)를 구축 중입니다.window.location.href는 빈 페이지로 리디렉션됩니다.

enter image description here

은 내가 링크드 DIV에 클릭을 검출하기위한 다음과 같은 코드를 가지고, 그 다음 리디렉션합니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $("#linkedin").click(function(){ 
      window.location.href = "https://www.linkedin.com/in/brandon-barber-79043593/"; 
      return false; 
     }); 
    }); 
</script> 
<body> 
<div id="banner"> 
<div class="menubutton" id="home">Home</div> 
<div class="menubutton" id="circuitry">Circuitry</div> 
<div class="menubutton" id="programming">Programming</div> 
<div class="menubutton" id="stackoverflow">Stackoverflow</div> 
<div class="menubutton" id="linkedin">Linkin</div> 
</div> 

하지만 div를 클릭하면 빈 페이지로 리디렉션됩니다.

enter image description here

나는 무엇을 놓치고?

+0

왜 'location.href = ...'라고하지 않습니까? '$ (location) .attr ("href", ...)를 사용하는 것은 이상한 방법입니다. (또한'location' 객체는 * 속성 *이 아닌 * 속성 * href를가집니다.) 또한 앵커 요소를 사용하지 않는 이유는 무엇입니까? 마우스 또는 다른 포인팅 장치를 사용할 수 없거나 사용할 수없는 사용자는 페이지를 사용할 수 없습니다. – nnnnnn

+0

@nnnnnn 작동하지 않습니다. 똑같은, 빈 페이지. – Roecrew

+0

시도하십시오 location.assign ("xx"); 또는 단지 location = "xx"; 어느 쪽이든 당신을 위해 일할 것입니다. –

답변

4

전체 사이트가 프레임/iframe으로 구성되어 있기 때문에 문제가 발생합니다. 따라서 window.location.href = "https://www.linkedin.com/in/brandon-barber-79043593/"을 사용하면 허용되지 않는 iframe에서 해당 페이지를 열도록 브라우저에 요청하는 메시지가 표시됩니다 근원에 의하여,이 경우에 linkedin. Refused to display 'https://www.linkedin.com/in/brandon-barber-79043593/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

는 예를 들어, 대신에서는 window.location의 window.open을 사용해야합니다이 문제를 해결하려면 : 보조 노트에 window.open('https://www.linkedin.com/in/brandon-barber-79043593/', '_blank');

, 내가 추천 할 것 페이지의 소스 내용을하면 iframe하지하고 대신 IP가 DOM에서 동시에 노출되기 때문에 사용자의 IP를 가리키는 도메인 용 CNAME을 설정해야합니다.

-2

이것은 실제로 합법적 인 코드입니다.

정확히 내 서버에 그대로 복사 했으므로 작동합니다!

http://lespointscom.com/a/misc/demo/2016_06_18/jquery.html

아마 인터넷 연결 ...

에서 nnnnnn이 옳다는, 당신의 프레임입니다! 모질라에서

:

로드 X-프레임-옵션에 의해 거부 : https://www.linkedin.com/in/brandon-barber-79043593/ 간 원산지 프레임을 허용하지 않습니다.

+0

x- 프레임은 어떻게 자동으로 삽입됩니까? – Roecrew

관련 문제