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

Question

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

有没有什么方法可以创建一个代码来从地址接收 ifram 的 URL？像这样的东西： www.myschool.com/iframe?url=www.whosebug.com

我正在寻找能够从地址栏自动接收 iframe 的 URL (www.whosebug.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);

Create a dynamic iframe that receive its URL from the address bar