如何在 iframe 中显示网站

本文关键字：显示 网站 iframe | 更新日期: 2023-09-27 17:56:13

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

这是代码：

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

如何在 iframe 中显示网站

您尝试显示的页面设置了一个标题，阻止其在 iframe 中显示 - 无法在 iframe 中显示它。

尝试使用对象标签。

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

我通过简单地添加以下内容来完成此操作：

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

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

相关文章：