在chrome中访问不同框架中的javascript变量

发布于 2024-10-16 19:25:30 字数 847 浏览 1 评论 0原文

我在 chrome 框架之间传递 javascript 值时遇到问题。在其他浏览器（Opera 和 Firefox）中它可以工作。第一帧包含以下 html:

<script> variable="frame 1 value";</script>
<a href="" onclick="javascript:parent.frames[1].location='test.html';">click here</a>

， test.html 是：

<html>
<head>
<script>window.onload = function() {
  div = document.getElementById("fred");
  div.innerHTML="<b>" + top.frames[0].variable + "</b>";
  }
</script>
</head>
<body>
  <div id="fred">
hi there</div>
</body>
</html>

我查看过此站点和其他站点，并且看到了一个建议，因为 chrome 页面在不同的进程中运行，所以它们无法传递值。这是真的吗，如果是这样，有没有办法解决它（cookies？）

谢谢，

罗素

（编辑）我刚刚找到了另一个答案，它说这种情况只发生在文件协议上。就像另一个问题的作者一样，我正在编写一个应用程序，旨在从 CD 上运行，因此我需要使用文件协议。我使用的Chrome版本是9.0。

里

原文

I am having problems passing javascript values between frames in chrome. In other browsers (Opera and Firefox) it works. The first frame contains the following html:

<script> variable="frame 1 value";</script>
<a href="" onclick="javascript:parent.frames[1].location='test.html';">click here</a>

and test.html is:

<html>
<head>
<script>window.onload = function() {
  div = document.getElementById("fred");
  div.innerHTML="<b>" + top.frames[0].variable + "</b>";
  }
</script>
</head>
<body>
  <div id="fred">
hi there</div>
</body>
</html>

I have looked on this site and others, and the have seen a suggestion that because chrome pages run in different processes they cannot pass values. Is this true, and if so is there a way around it (cookies?)

Thanks,

russell

(edited) I just found another answer which says this happens only on file protocol. Like the writer of the other question, I am writing an applicaiton meant to be run off a cd, so I need to use file protocol. The version of Chrome I am using is 9.0.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光无声 2024-10-23 19:25:30

HTML5 存储来救援！对于第一帧：

<script>localStorage.setItem('variable', 'frame 1 value');</script>
<a href="#" onclick="javascript:parent.frames[1].location='test.html';return false">click here</a>

对于 test.html：

<html><head>
    <script>
        window.onload = function() {
            div = document.getElementById("fred");
            div.innerHTML="<b>" + localStorage.getItem('variable') + "</b>";
        }
    </script>
</head><body>
    <div id="fred">hi there</div>
</body></html>

注意：IE7 和一些旧版浏览器不支持 localStorage。但是，您应该能够使用 if (typeof(localStorage) == 'undefined') {} 来检测您需要使用哪种方法。

HTML5 Storage to the rescue! For the first frame:

<script>localStorage.setItem('variable', 'frame 1 value');</script>
<a href="#" onclick="javascript:parent.frames[1].location='test.html';return false">click here</a>

And for test.html:

<html><head>
    <script>
        window.onload = function() {
            div = document.getElementById("fred");
            div.innerHTML="<b>" + localStorage.getItem('variable') + "</b>";
        }
    </script>
</head><body>
    <div id="fred">hi there</div>
</body></html>

A note of caution: IE7 and some older browsers do not support localStorage. However, you should be able to use if (typeof(localStorage) == 'undefined') {} to detect which method you need to use.

回复收藏 0 原文