创建从地址栏接收其 URL 的动态 iframe

Question

我有一个简单的网站，我想使用 iframe 隐藏一些 URL 地址。

有没有办法创建一个从地址接收 ifram 的 URL 的代码？ 像这样的东西： www.myschool.com/iframe?url=www.stackoverflow.com

我正在寻找能够自动从地址栏中接收 iframe 的 URL (www.stackoverflow.com) 的代码，以嵌入到我的网站中。

谢谢！

Answer 1

您可以在 url 的字符串上使用 split 方法，并获取 '?' 之后的所有内容通过定位结果数组的 [1] 位置，然后将 iframe 的 'src' 属性更改为该 url。

var url = window.location.href.split('?')[1];
document.querySelector('iframe').setAttribute('src',url);

尝试像这样将第一行分成两行：

var url = window.location.href;
url.split('?')[1];
document.querySelector('iframe').setAttribute('src',url);