【问题标题】:Summon iframe src since url with Javascript使用 Javascript 从 url 调用 iframe src
【发布时间】:2021-10-26 00:45:27
【问题描述】:

早上好,我正在查看网站上的其他主题,但找不到解决问题的方法,最后我将包含我正在查看的 Stack 上的其他一些主题。

我正在尝试创建一个 html 文件,该文件可以读取 url 参数以在此类 HTML 的 iframe 中调用该 url, 例如:example.com/index.html?url=https://stackoverflow.com 这样我就可以使用我拥有的提取器从我的网站加载它。

出现这个问题是因为我有多个文件位置,我需要简化对它们的访问,但同时将它们全部放在一个列表中。当我尝试在 Stack 中使用一些主题来找到我的解决方案时,它只会导致大量 iframe 打开和加载,直到达到服务器上可用内存的限制,并且在其他情况下它没有读取 url 集在参数中

以防万一,我澄清一下我在寻找什么:

我有我的网站examplea.com,我想通过b.example.com?url=sitebackupA等显示文件,我只需要用javascript实现一个url参数,非常感谢!


这些是我检查的其他问题,只有 TypeForm 接近我需要的东西

Pass Incoming URL Parameters to iframe src with Javascript Using Javascript for iFrame src URL Changing iframe src with Javascript

【问题讨论】:

  • 如果您不是来自同一来源或所有者已接受,则无法在 iframe 中显示网页,例如:- 您无法嵌入 youtube 网站,但可以嵌入 yt 视频。因为它是允许的 - 我认为
  • 我知道,我想在 iframe 中显示的内容没有 CORS 问题,因为我可以使用 PlayerJS 脚本和另一个人的网站轻松调用它。我遇到的问题是我无法生成正确的代码来获取 URL 参数并将其传递给 iframe @Musafiroon,感谢您的回复!
  • 回答了。请检查
  • @Musafiroon,效果很好!

标签: javascript html


【解决方案1】:

var url = new URL(location).searchParams.get('url');
document.querySelector("iframe").src=url;
<iframe></iframe>

【讨论】:

  • 非常感谢,可以正常使用,好像是因为域名的关系搞砸了父子关系,但是效果很好,非常感谢!
猜你喜欢
  • 1970-01-01
  • 2011-04-13
  • 1970-01-01
  • 2023-03-24
  • 2013-04-11
  • 2020-10-21
  • 2015-02-11
  • 2023-04-08
  • 1970-01-01
相关资源
最近更新 更多