在 Hexo 网页中经常会用到 iframe 模块插入想要显示的内容，由于主题限制，内容只能在博客内容区显示。本文记录为iframe 增加全屏按钮的方法。

方案思路 {#方案思路}

• 确定 iframe 块的 id
• 使用 JavaScript 控制该 id 的全屏行为
• 设置按钮控制开关

解决方案 {#解决方案}

• js 代码

• 此时 js 已经 ready，需要按钮控制以及 id 绑定
• 示例代码（以node PPT为例）

显示效果 {#显示效果}

全屏显示

参考资料 {#参考资料}

• https://blog.csdn.net/github_38336924/article/details/103428160

文章链接：
https://www.zywvvd.com/notes/hexo/website/21-iframe-fullscreen/iframe-fullscreen/