jQuery代码以提交iframe源代码的顶部和底部

jQuery code to ommit the top and bottom parts of iframe source

本文关键字：顶部底部源代码 iframe 代码提交 jQuery 更新时间：2023-09-26

基本上我们有这个网站，它是大品牌的零售商。

他们希望在品牌网站上包含该品牌自己的目录。

问题是，品牌本身也在他们的网站上销售他们的产品。

有没有办法在iframe中主动隐藏网页的顶部（高度的前500像素和后300像素）？

我尝试了很多方法，但要么失败了，要么我遇到了"不安全"的方法错误，比如：

Unsafe JavaScript attempt to access frame with URL http://www.siteaddress.com/ from frame with URL http://www.othersiteaddress.com/. Domains, protocols and ports must match.

我不想更改他们网站上的任何内容，我只想隐藏顶部和底部。更困难的是，iframe中的一些页面会有不同的高度，所以唯一的方法是忽略高度的前500像素和后300像素。但是，过去的几个小时并没有帮我找到答案。

这可能吗？感谢您的帮助。

否。你可以尝试一些新奇的东西，但实际上在服务器端更容易抓取和与品牌网站互动。

所以没有。只是没有。

简单回答：不，你很可能无法实现你想要的目标。

更长的答案：

要在嵌入的页面上运行javascript，它要么需要来自同一域（以免与javascript的浏览器跨域阻止相冲突），要么修改为包含特定的脚本以允许通信。

即使你有权对iframe中包含的网站进行更改，但似乎你没有，这仍然会导致许多问题。如前所述，页面会因内容和结构而异，您可能需要做一些事情，比如隐藏特定的DOM元素，如页眉/页脚/容器等，这会影响布局，等等

要考虑的边缘案例太多了，实现你的目标是不现实的。