嘿，我来帮你捋清楚为啥你的代码没生效，以及该怎么解决！

首先，你遇到的核心问题是浏览器的同源策略限制：你的页面域名和officeapps.live.com不属于同一个域名，浏览器为了安全，会禁止你通过JavaScript访问iframe内部的DOM结构——这就是为什么你用$('#iframePPT').contents()根本拿不到里面的body元素，自然没法设置display:none。

那该怎么处理呢？给你几个可行的思路：

1. 利用Office在线预览的官方参数（最推荐） #

微软的Office在线嵌入链接本身提供了很多控制显示的参数，不用写JS就能直接隐藏不需要的UI元素。比如你可以试试在src链接末尾添加这些参数：

• &hideui=1：隐藏顶部的工具栏、分享按钮等所有额外UI元素
• &toolbar=0：仅隐藏顶部工具栏
• &nav=0：隐藏左侧的导航面板

修改后的iframe代码示例：

<iframe id="iframePPT" width="560" height="459" src="https://view.officeapps.live.com/op/embed.aspx?src=https%3A%...&hideui=1"></iframe>

这些参数可以组合使用，直接测试就能看到效果。

2. 为什么你的原代码不生效？ #

你的jQuery代码逻辑本身是对的，但架不住跨域限制：当iframe加载的是不同域名的页面时，浏览器会阻断contents()方法的访问，打开浏览器控制台应该能看到类似"Blocked a frame with origin..."的错误提示，这就是同源策略在起作用。

3. 帮你避坑：不可行的思路 #

• 用postMessage通信：这需要iframe内部的微软预览页支持接收你的消息并执行样式修改，但显然微软不会开放这个权限，这条路走不通。
• 服务器端代理：把Office文档下载到自己的服务器再嵌入，虽然能绕开跨域，但涉及版权和Office预览的授权问题，不建议这么做。

内容的提问来源于stack exchange，提问作者Jae Eun