用AJAX替换iFrame嵌入式web应用程序的示例Javascript代码<；部门>；（请不要用jQuery）
用AJAX替换iFrame嵌入式web应用程序的示例Javascript代码（请不要使用jQuery） 您好，我有一个简单的“父”html页面，其中包含一个“子”iframe，用于从不同域加载另一个外部web应用程序 以下是父html页面： 问题：这个简单的页面在chrome/Safari等桌面浏览器上运行良好。但当我在iphone safari/chrome上打开相同的链接时，web应用程序会显示登录屏幕。因此，基本上，在桌面浏览器中工作的东西在移动Safari/Chrome中不起作用 （除了简单的语法之外，我对iframes的理解并不多，但在移动浏览器中如何处理第三方cookie似乎存在一些问题……但为什么它可以在桌面浏览器上工作，而不能在移动浏览器上工作呢？……我对这一点感到非常困惑，我可能对这篇论文的理解是错误的。） 从我到目前为止所了解到的情况来看，iFrame不太理想（根据一些专家的说法，我不是），我倾向于用一个简单的方法来替换iFrame，我们的AJAX代码将替换为外部web应用程序，并像以前一样在我的父html页面中显示应用程序 我相信这不是第一次出现这种情况，但是在搜索了很多之后，我找不到一些示例代码来帮助我在没有jQuery的情况下完成这项工作。我希望使用普通Javascript来实现这一点，并避免使用jQuery 因此，如果您能在以下任一方面提供帮助，我将不胜感激：用AJAX替换iFrame嵌入式web应用程序的示例Javascript代码<；部门>；（请不要用jQuery）,ajax,iframe,web-applications,mobile-safari,session-cookies,Ajax,Iframe,Web Applications,Mobile Safari,Session Cookies,用AJAX替换iFrame嵌入式web应用程序的示例Javascript代码（请不要使用jQuery） 您好，我有一个简单的“父”html页面，其中包含一个“子”iframe，用于从不同域加载另一个外部web应用程序 以下是父html页面： 问题：这个简单的页面在chrome/Safari等桌面浏览器上运行良好。但当我在iphone safari/chrome上打开相同的链接时，web应用程序会显示登录屏幕。因此，基本上，在桌面浏览器中工作的东西在移动Safari/Chrome中不起作用 （除了
<html>
<head>
<title>Sample Web-App Embedded in iFrame </title>
<style>
.example-container{
background-color:#bffdf6;
width: 100%;
padding: 30px;
}
.example-iframe{
margin: 0 auto;
display: block;
}
</style>
</head>
<body >
<div class="example-container">
<h3> This a test web page for embedding an interactive flowchart using iframe.</h3>
<iframe class="example-iframe" height="600px" width="550px" src="https://www.decizone.com/47/qZPlK2ezwIK8x3bO/How-to-Measure-Shipment-Delivery-Success-KPI/Ship-Delvry-KPI/id/5AKwBABWqJgLs1IUfqrEh1ARDstiBMcy ">
<p>Your browser does not support iframes.</p>
</iframe>
<p> <strong>NOTE:</strong>: Try opening this page on desktop as well as mobile browsers to test.</p>
</div>
</body>
</html>
iFrame中嵌入的示例Web应用程序
.示例容器{
背景色：#bffdf6；
宽度：100%；
填充：30px；
}
.示例iframe{
保证金：0自动；
显示：块；
}
这是一个使用iframe嵌入交互式流程图的测试网页。
您的浏览器不支持iFrame
注意：：尝试在桌面和移动浏览器上打开此页面进行测试