Javascript 将outlook日历嵌入网页
在浏览了outlook文档之后,我很清楚,我可以生成outlook日历的html链接,并将其嵌入到任何网页中。当我创建我的iframe时,它工作得很好,如下所示Javascript 将outlook日历嵌入网页,javascript,outlook,Javascript,Outlook,在浏览了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 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)
我已经试过了
微软我需要一种方法来绕过它。这可能会对您有所帮助。我在网站上共享日历时使用了它,您可以根据需要配置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>
#包裹{
宽度:1000px;
高度:900px;
填充:0;
位置:相对位置;
左:0px;
顶部:0px;
溢出:隐藏;
}
#框架{
宽度:1000px;
高度:900px;
位置:相对位置;
左:0px;
顶部:0px;
}
#框架{
-ms-zoom:0.7;
}