解决方法
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="https://stackoverflow.com">
其他一些想法是：
<对象> tag – 它定义HTML文档中的嵌入对象.可用于HTML文件和多媒体内容,如音频,视频,小程序,ActiveX,PDF和Flash或其他插件).
<object data="https://stackoverflow.com" width="400" height="300" type="text/html">
Alternative Content
</object>
<嵌入> tag – 它定义了外部应用程序的容器,例如插件,也可以被“黑客”并用于显示HTML页面.
<embed src="https://stackoverflow.com" width=200 height=200 />
关于传递HEADER,最好的解决方案是使用AJAX方法,这里是一个例子：
$.ajax({
url: "https://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: "https://stackoverflow.com",headers:{ "X-TOKEN": 'xxxxx'},success: function() { alert('Success!' + authHeader); }
});
