Question

我正在尝试使用Razor asp.net在iframe中显示网站，但我收到以下错误：拒绝显示＆＃39; https://www.google.ro/?gws_rd=cr,ssl&ei=y359VYr9L4PlUeaLg5gG＆＃39;在一个框架中因为它设置了X-Frame-Options＆＃39;到＆＃39; SAMEORIGIN＆＃39;。

这是代码：

@{
    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>

Answer 1

您要展示的页面设置了一个标题，阻止它在iframe中显示 - 无法在iframe中显示此内容。

Answer 2

尝试使用对象标签。

<!--[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]-->

编辑：或者您可以使用jquery生成它：

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

Answer 3

您可以使用Google custom search。它对我很好。它会发送X-Frame-Options: ALLOWALL，允许您将此网站嵌入IFRAME中。有关详细信息，请参阅https://productforums.google.com/forum/?hl=en#!category-topic/websearch/how-do-iusing-google-search/pjHnvDST2D4。

Answer 4

我只需添加：

即可完成此操作

<!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>

如何在iframe中显示网站

4 个答案: