javascript - 在 iframe 中打开另一个网页，优化外观

Question

希望集成日历安排服务 ( http://calendly.com/ )，该服务很棒，允许未经身份验证的用户安排约会，然后将其输入 Google 日历。

但是，我希望这一切都发生在我的网站上，而用户不会离开。

Calendly 不提供此功能，因此解决方法如下 this (点击顶部的“预订吧，宝贝!”按钮)。

我想做同样的事情，但我真的不想依赖一些随机的 JavaScript 框架，比如 fancybox 。

在 iframe 中打开新链接的方法是什么:

1. 轻松优雅地退出
2. 作为我网站内容之上的新窗口看起来很棒
3. 国外页面上的内容根据需要调整为打开屏幕的大小

谢谢大家!

Answer 1

<a target="FRAME_NAME" id="showFrame" href="http://example.com">I open in an iframe!</a>

然后，当单击 id 为 showFrame 的元素时，使用 javascript 显示隐藏框架。然后，您可以使用 css 设计框架，使其很好地适合屏幕。