blocks|key|1542149|text|出于安全原因，只要iframe的内容和引用的javascript来自相同的域，您就可以获取url。只要这是真的，像这样的东西就会起作用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542150|document.getElementById("iframe_id").contentWindow.location.href|code-block|syntax|javascript|1542151|如果两个域不匹配，您将遇到跨站点引用脚本安全限制。|1542152|另请参见answers+to+a+similar+question。|offset|length|1542153|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/44359/how-do-i-get-the-current-location-of-an-iframe^0|0|0|0|4|T|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

For security reasons, you can only get the url for as long as the contents of the iframe, and the referencing javascript, are served from the same domain. As long as that is true, something like this will work:

<pre><code>document.getElementById("iframe_id").contentWindow.location.href
</code></pre>

If the two domains are mismatched, you'll run into cross site reference scripting security restrictions.

See also <a href="https://stackoverflow.com/questions/44359/how-do-i-get-the-current-location-of-an-iframe">answers to a similar question</a>.

blocks|key|1542191|text|如果你的iframe来自另一个域，(跨域)，其他答案不会对你有帮助...您只需使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542192|var+currentUrl+=+document.referrer;|code-block|syntax|javascript|1542193|然后-在这里你已经得到了主url！|1542194|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If your iframe is from another domain, (cross domain), the other answers are not going to help you... you will simply need to use this:

<pre><code>var currentUrl = document.referrer;
</code></pre>

and - here you've got the main url!

blocks|key|1542313|text|如果您处于iframe上下文中，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542314|你可以这样做|1542315|const+currentIframeHref+=+new+URL(document.location.href);
const+urlOrigin+=+currentIframeHref.origin;
const+urlFilePath+=+decodeURIComponent(currentIframeHref.pathname);|code-block|syntax|javascript|1542316|如果您在父窗口/框架中，则可以使用https://stackoverflow.com/a/938195/2305243的答案，即|offset|length|1542317|document.getElementById("iframe_id").contentWindow.location.href|1542318|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/938195/2305243^0|0|0|0|H|16|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]]|A|$]]|$1|M|3|N|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

If you are in the iframe context,

you could do

<pre><code>const currentIframeHref = new URL(document.location.href);
const urlOrigin = currentIframeHref.origin;
const urlFilePath = decodeURIComponent(currentIframeHref.pathname);
</code></pre>

If you are in the parent window/frame, then you can use <a href="https://stackoverflow.com/a/938195/2305243">https://stackoverflow.com/a/938195/2305243</a> 's answer, which is

<pre><code>document.getElementById("iframe_id").contentWindow.location.href
</code></pre>

blocks|key|1542238|text|希望这能对你有所帮助，在你的例子中，我遇到了完全相同的问题，我只是使用本地存储在父窗口和iframe之间共享数据。因此在父窗口中，您可以：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542239|localStorage.setItem("url",+myUrl);|code-block|syntax|javascript|1542240|在iframe源仅从localstorage获取数据的代码中：|1542241|localStorage.getItem('url');|1542242|为我节省了很多时间。据我所知，唯一的条件是访问父页面代码。希望这能帮助到一些人。|1542243|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Hope this will help some how in your case,
I suffered with the exact same problem, and just used localstorage to share the data between parent window and iframe.
So in parent window you can:

<pre><code>localStorage.setItem("url", myUrl);
</code></pre>

And in code where iframe source is just get this data from localstorage:

<pre><code>localStorage.getItem('url');
</code></pre>

Saved me a lot of time.
As far as i can see the only condition is access to the parent page code.
Hope this will help someone.

blocks|key|1327212|text|我有一个关于blob+url+hrefs的问题。因此，通过引用iframe，我从iframe的src属性中生成了一个url：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1327213|++++const+iframeReference+=+document.getElementById("iframe_id");
++++const+iframeUrl+=+iframeReference+?+new+URL(iframeReference.src)+:+undefined;
++++if+(iframeUrl)+{
++++++++console.log("Voila:+"+%2B+iframeUrl);
++++}+else+{
++++++++console.warn("iframe+with+id+iframe_id+not+found");
++++}|code-block|syntax|javascript|1327214|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I had an issue with blob url hrefs. So, with a reference to the iframe, I just produced an url from the iframe's src attribute:

<pre><code> const iframeReference = document.getElementById("iframe_id");
 const iframeUrl = iframeReference ? new URL(iframeReference.src) : undefined;
 if (iframeUrl) {
 console.log("Voila: " + iframeUrl);
 } else {
 console.warn("iframe with id iframe_id not found");
 }
</code></pre>

blocks|key|1542512|text|如果你在一个没有跨域src的iframe中，或者src是空的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542513|然后：|1542514|function+getOriginUrl()+{
++++var+href+=+document.location.href;
++++var+referrer+=+document.referrer;
++++//+Check+if+window.frameElement+not+null
++++if(window.frameElement)+{
++++++++href+=+window.frameElement.ownerDocument.location.href;
++++++++//+This+one+will+be+origin
++++++++if(window.frameElement.ownerDocument.referrer+!=+"")+{
++++++++++++referrer+=+window.frameElement.ownerDocument.referrer;
++++++++}
++++}
++++//+Compare+if+href+not+equal+to+referrer
++++if(href+!=+referrer)+{
++++++++//+Take+referrer+as+origin
++++++++return+referrer;
++++}+else+{
++++++++//+Take+href
++++++++return+href
++++}
}|code-block|syntax|javascript|1542515|如果您在带有跨域src的iframe中：|1542516|1542517|function+getOriginUrl()+{
++++var+href+=+document.location.href;
++++var+referrer+=+document.referrer;
++++//+Detect+if+you're+inside+an+iframe
++++if(window.parent+!=+window)+{
++++++++//+Take+referrer+as+origin
++++++++return+referrer;
++++}+else+{
++++++++//+Take+href
++++++++return+href;
++++}
}|1542518|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|S|8|@]|9|@]|A|$]]|$1|K|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|L|3|M|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

If you're inside an iframe that don't have cross domain src, or src is empty:
Then:
<pre><code>function getOriginUrl() {
 var href = document.location.href;
 var referrer = document.referrer;
 // Check if window.frameElement not null
 if(window.frameElement) {
 href = window.frameElement.ownerDocument.location.href;
 // This one will be origin
 if(window.frameElement.ownerDocument.referrer != &quot;&quot;) {
 referrer = window.frameElement.ownerDocument.referrer;
 }
 }
 // Compare if href not equal to referrer
 if(href != referrer) {
 // Take referrer as origin
 return referrer;
 } else {
 // Take href
 return href
 }
}
</code></pre>
If you're inside an iframe with cross domain src:
Then:
<pre><code>function getOriginUrl() {
 var href = document.location.href;
 var referrer = document.referrer;
 // Detect if you're inside an iframe
 if(window.parent != window) {
 // Take referrer as origin
 return referrer;
 } else {
 // Take href
 return href;
 }
}
</code></pre>

blocks|key|1542571|text|我一直试图从shopify+google+analytics附加脚本iframe中检索完整的URL。document.refferer仅显示不带搜索参数的主机名。但是我找到了另一个适合我的属性document.baseURI|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1542572|entityMap^0|1E|H|2O|G|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

I've been trying to retrieve the full URL from the inside of the shopify google analytics additional script iframe. <code>document.refferer</code> shows only hostname without search params. But I found another property that worked for me <code>document.baseURI</code>

blocks|key|1542451|text|对于可能正在为此而苦苦挣扎的任何人，请提供一些额外的信息：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1542452|如果你试图在加载之前从iframe获取URL，你会得到null值。我通过在javascript中创建整个iframe并使用onLoad函数获取所需的值来解决这个问题：|1542453|var+iframe+=+document.createElement('iframe');
iframe.onload+=+function()+{

++++//some+custom+settings
++++this.width=screen.width;this.height=screen.height;+this.passing=0;+this.frameBorder="0";

++++var+href+=+iframe.contentWindow.location.href;
++++var+origin+=+iframe.contentWindow.location.origin;
++++var+url+=+iframe.contentWindow.location.url;
++++var+path+=+iframe.contentWindow.location.pathname;

++++console.log("href:+",+href)
++++console.log("origin:+",+origin)
++++console.log("path:+",+path)
++++console.log("url:+",+url)
};

iframe.src+=+'http://localhost/folder/index.html';

document.body.appendChild(iframe);|code-block|syntax|javascript|1542454|由于同源策略，我在访问“跨源”框架时遇到了问题--我通过在本地运行when服务器来解决这个问题，而不是直接从我的磁盘运行所有文件。为了让所有这些都起作用，您需要使用与源服务器相同的协议、主机名和端口来访问iframe。运行磁盘中的所有文件时，不确定其中哪些文件丢失。|1542455|此外，有关location对象的更多信息：https://www.w3schools.com/JSREF/obj_location.asp|offset|length|1542456|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/JSREF/obj_location.asp^0|0|0|0|0|L|1C|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Some additional information for anyone who might be struggling with this:
You'll be getting null values if you're trying to get URL from iframe before it's loaded.
I solved this problem by creating the whole iframe in javascript and getting the values I needed with the onLoad function:
<pre><code>var iframe = document.createElement('iframe');
iframe.onload = function() {

 //some custom settings
 this.width=screen.width;this.height=screen.height; this.passing=0; this.frameBorder=&quot;0&quot;;

 var href = iframe.contentWindow.location.href;
 var origin = iframe.contentWindow.location.origin;
 var url = iframe.contentWindow.location.url;
 var path = iframe.contentWindow.location.pathname;

 console.log(&quot;href: &quot;, href)
 console.log(&quot;origin: &quot;, origin)
 console.log(&quot;path: &quot;, path)
 console.log(&quot;url: &quot;, url)
};

iframe.src = 'http://localhost/folder/index.html';

document.body.appendChild(iframe);
</code></pre>
Because of the same-origin policy, I had problems when accessing &quot;cross origin&quot; frames - I solved that by running a webserver locally instead of running all the files directly from my disk. In order for all of this to work, you need to be accessing the iframe with the same protocol, hostname and port as the origin. Not sure which of these was/were missing when running all files from my disk.
Also, more on location objects: <a href="https://www.w3schools.com/JSREF/obj_location.asp" rel="nofollow noreferrer">https://www.w3schools.com/JSREF/obj_location.asp</a>

Is there a simple way to get the current URL from an iframe?

The viewer would going through multiple sites. 
I'm guessing I would be using something in javascript.

Get current URL from IFRAME

服务器

有没有从iframe中获取当前URL的简单方法？观看者会浏览多个站点。我猜我会在javascript中使用一些东西。

问从IFRAME获取当前URL
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从IFRAME获取当前URLEN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从IFRAME获取当前URL
EN