I am trying to access an website in iframe tag. That source in iframe uses localStorage. But i'm not able to access it since I am loading it in iframe. Here is my sample code
<!DOCTYPE html>
<html>
<body>
<h1>The iframe element</h1>
<script>")
localStorage.setItem("token", "some_token");
localStorage.setItem("userId", "456");
localStorage.setItem("userName", "demo");
localStorage.setItem("userRole", "user_role");
</script>
<iframe src="https://some_third_party_url">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
How can I access this url in Iframe using localStorage?
I am trying to access an website in iframe tag. That source in iframe uses localStorage. But i'm not able to access it since I am loading it in iframe. Here is my sample code
<!DOCTYPE html>
<html>
<body>
<h1>The iframe element</h1>
<script>")
localStorage.setItem("token", "some_token");
localStorage.setItem("userId", "456");
localStorage.setItem("userName", "demo");
localStorage.setItem("userRole", "user_role");
</script>
<iframe src="https://some_third_party_url">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
How can I access this url in Iframe using localStorage?
Share Improve this question asked May 2, 2020 at 4:36 john shortjohn short 711 gold badge1 silver badge3 bronze badges 4- 1 You can't unless you own the webpage inside the iframe. This happens to be a security measure to prevent anyone from accessing others website data. – Shri Commented May 2, 2020 at 7:25
- 1 So localStorage works on the current html page but iframe is considered as new html page(Because iframe is loading whole some other host webpage). localStorage cannot pass those value to iframe. Or Iframe cannot access that localStorage. Right? – john short Commented May 2, 2020 at 7:42
- Yes. If the iframe has a website that also es from your server, you have full access to that. – Shri Commented May 2, 2020 at 8:23
- No the src which i'm accessing using Iframe is not from my server. i.e. totally different.server. – john short Commented May 2, 2020 at 14:42
1 Answer
Reset to default 8You cannot access the local Storage unless the third party URL and html file hosted are on the same domain. and for your use case you could use the window.postMessage to access the data across the windows or iframes.
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1743647876a4484066.html
评论列表（0条）