在 iframe 中展示短链接重定向后的内容，该怎么做？

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《在 iframe 中展示短链接重定向后的内容，该怎么做？ 》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

在 iframe 中展示短链接重定向后的内容

在 iframe 中引入一个短链接时，可能会遇到无法重定向的问题。以下提供了解决方案：

获取短链接的重定向地址

获取短链接的重定向地址有两种方法：

• 客户端：使用 JavaScript 的 fetch() 或 XMLHttpRequest 发送 GET 请求，并解析服务器返回的 HTML 页面，从中提取重定向后的长链接。
• 服务端：使用服务器端的语言（如 PHP、Node.js）发送请求，并解析返回页面中的重定向头信息，提取长链接。

将长链接赋值给 iframe 的 src

获取到重定向后的长链接后，可以通过以下方式将其赋值给 iframe 的 src：

• 使用 JavaScript：javascript document.getElementById("iframe").src = longUrl;
• 使用服务器端：将长链接作为一个动态参数，在 iframe 标签中使用 PHP 的 echo 或 Node.js 的 res.send() 输出到页面上。

特殊情况：页面判断 iframe 阻止重定向

需要注意的是，有些页面可能会判断是否在 iframe 中打开，并阻止重定向。在这种情况下，可以在 iframe 的 sandbox 属性中禁用 allow-same-origin，以防范页面检测。

html <iframe src="shortUrl" sandbox="allow-scripts allow-popups"></iframe>

终于介绍完啦！小伙伴们，这篇关于《在 iframe 中展示短链接重定向后的内容，该怎么做？ 》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！