2015-06-14 1 views
2

Я пытаюсь отобразить веб-сайт в iframe с использованием Razor asp.net, но я получаю следующую ошибку: отказался отображать 'https://www.google.ro/?gws_rd=cr,ssl&ei=y359VYr9L4PlUeaLg5gG' в фрейме, потому что он установил 'X- Frame-Options 'to' SAMEORIGIN '.Как отобразить веб-сайт в iframe

Это код:

@{ 
    ViewBag.Title = "About Us"; 
} 

<script type="text/javascript"> 
    $(function() { 
     $('#myButton').click(function() { 
      $('#myFrame').attr('src', "http://www.google.com"); 
     }); 
    }); 
</script> 
<iframe id="myFrame"></iframe> 
<button id="myButton"> 
    Refresh IFrame 
</button> 

ответ

1

Страница, которую вы пытаетесь показать установили заголовок, который предотвращает его от показано в IFRAME - нет никакого способа, чтобы показать это в IFRAME.

+0

Это не является абсолютно необходимым для отображения веб-сайт в IFRAME ... Я хочу только, чтобы отобразить его, но не открыть другую вкладку – Valip

1

Попробуйте использовать теги объектов.

<!--[if IE]> 
<object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="http://www.google.com"> 
<p>backup content</p> 
</object> 
<![endif]--> 

<!--[if !IE]> <--> 
<object type="text/html" data="http://www.google.com" style="width:100%; height:100%"> 
<p>backup content</p> 
</object> 
<!--> <![endif]--> 

EDIT: Или вы можете создать его с JQuery:

<script>$("#testLoad").load("http://www.google.com/");</script> 
<div id="testLoad"></div> 
+0

ту же ошибку ... .. – Valip

+0

обновленный ответ. –

0

я закончил это, просто добавив:

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" 
    src="http://maps.google.com/maps/api/js?sensor=false"> 
</script> 
<script type="text/javascript"> 
    function initialize() { 
    var position = new google.maps.LatLng(-34.397, 150.644); 
    var myOptions = { 
     zoom: 10, 
     center: position, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(
     document.getElementById("map_canvas"), 
     myOptions); 

    var marker = new google.maps.Marker({ 
     position: position, 
     map: map, 
     title:"This is the place." 
    }); 

    var contentString = 'Hello <strong>World</strong>!'; 
    var infowindow = new google.maps.InfoWindow({ 
     content: contentString 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.open(map,marker); 
    }); 

    } 

</script> 
</head> 
<body onload="initialize()"> 
    <div id="map_canvas" style="width:500px; height:500px"></div> 
</body> 
</html> 
Смежные вопросы