如何在没有iFrame的情况下在另一个页面内显示外部网站？

Question

我需要在没有iFrame的情况下在我的应用程序中打开外部网站,我还需要将一些标题值传递给该外部网站.

帮我..

Answer 1

iframe的一些替代解决方案是:

AJAX - 您可以使用XMLHttpRequest对象来检索数据并将其注入您的页面,例如在div.使用jQuery的示例:

 $( "#result" ).load( "ajax/test.html" );

HTML5 Web组件 - HTML Imports是Web组件的一部分,允许在其他HTML文档中捆绑HTML文档.这包括HTML,CSS,JavaScript或.html文件可以包含的任何其他内容.例:

   <link rel="import" href="http://stackoverflow.com">

其他一些想法是:

<object>tag - 它定义HTML文档中的嵌入对象.可用于HTML文件和多媒体内容,如音频,视频,小程序,ActiveX,PDF和Flash或其他插件).

   <object data="http://stackoverflow.com" width="400" height="300" type="text/html">
        Alternative Content
    </object>

<embed> tag - 它定义了外部应用程序的容器,例如插件,也可以被"黑客"并用于显示HTML页面.

<embed src="http://stackoverflow.com" width=200 height=200 />

关于传递HEADER,最好的解决方案是使用AJAX方法,这里是一个例子:

$.ajax({
    url: "http://stackoverflow.com",
    data: { uname: "test" },
    type: "GET",
    beforeSend: function(xhr){xhr.setRequestHeader('X-TOKEN', 'xxxxx');},
    success: function() { alert('Success!' + authHeader); }
});

or in this way,

$.ajax({
    url: "http://stackoverflow.com",
    data: { uname: "test" },
    type: "GET",
    headers:{ "X-TOKEN": 'xxxxx'},
    success: function() { alert('Success!' + authHeader); }
});

Answer 2

您可以尝试这样的对象标签：

<object type="text/html" data="http://validator.w3.org/" width="800px" height="600px" />