javascript - 将Outlook日历嵌入网页

Question

在阅读 outlook 文档后，我显然很清楚，我可以生成我的 OUTLOOK 日历的 html 链接并将其嵌入到任何网页。当我创建我的 iframe 时，这工作正常

<iframe width="900" height="500" src="https://cpgd-ab67acdd3e1c401a.calendar.live.com/calendar/private/blalaba-balajahhhdh-342d-4cea-ad46-25433581e015/index.html"></iframe>

并将其插入到我的现有内容页面中。我的问题是:页面加载后，它会重定向/导航父窗口/页面，并用完整的 outlook 日历完全替换我的 DOM。我的意图只是将它放在我页面的特定部分(准确地说是一个 DIV)。

我已经尝试过

1. 使用新的 HTML5 沙盒属性对 iframe 进行沙盒处理。在控制台，它会抛出错误。
2. 我还尝试过使用 ajax 单独加载 iframe。相同的错误和失败。

我确定这个 Action 是故意的 微软。我需要一种绕过它的方法。

Answer 1

这可能对你有点帮助我在网站上分享我的日历时使用了它，你可以根据需要配置 CSS

<style unselectable="on">
#wrap {
width:1000px;
height:900px;
padding:0;
position:relative;
left:0px;
top:0px;
overflow:hidden;
}
#frame {
width:1000px;
height:900px;
position:relative;
left:0px;
top:0px;
}
#frame {
-ms-zoom:0.7;
}
</style>
<div id="wrap" unselectable="on">
    <iframe id="frame" src="[paste in here the link that outlook.com provides for you ... in between the quotes and without the brackets]"></iframe>
</div>