Question

将javascript变量中保存的值传递到同一html页面上的iframe调用的最佳方法是什么？我正在尝试通过将广告投放javascript代码（典型的document.write('<script type="text/javascript" src=".."）移动到单独的iframe来改善网站的网页响应时间。（Based on this posting）

对广告服务器的请求通常需要每个站点声明一次的种子变量，并在每次客户端加载页面时递增。我想要做的是将种子变量传递到我的iframe部分调用的文档中。

种子变量在我的主html文档的'head'标签中初始化：

<head>
    <script type="text/javascript">
    <!--
    custom_seed=1;  
    //-->
    </script>
</head>

稍后在html文档中，我通过iframe发出请求，该iframe返回调用广告服务器所需的html。

<body>
<!-- a bunch of html to display the page -->
<iframe src="somepage.html" width="100%" height="100%">
<p>No support for iframe</p>
</iframe>
</body>

'somepage.html'中返回的html有一个用于调用广告服务器的脚本，需要使用先前声明的种子变量作为参数：

<script type="text/javascript">
    document.write('<script type="text/javascript" src="http://ad.server.net/...seed='+ custom_seed  +'?"></script>');
    custom_seed++;
    </script>

实现这一目标的好方法是什么？

Answer 1

方式您可以将值直接传递给具有不同域的页面的iframe，方法是通过URL，查询字符串值，锚点或某种形式的重写。即使它在同一个域上，这可能是最简单，最安全的传递方式。

主要文件：

document.getElementById('IframeID').src = "somepage.html?seed=" + custom_seed;

内部文件：

var seed = window.location.search.substring(window.location.search.indexOf('seed=') + 5);
if (seed.indexOf('&') >= 0) {
    seed = seed.substring(0, seed.indexOf('&'));
}

Answer 2

获取iframe文件中的值的简单方法：

  document.getElementById("youfiled").value="";

并使用echo php $_GET['seed'];

在昏迷元素内;

Answer 3

这是一个巧妙的解决方法。虽然您无法将变量发送到iframe中，但是可以调用函数来运行。

首先通过在目标页面上编程一个函数来接收和设置变量：

<script type="application/javascript">
    function variable(value) {
        var seed = value;
</script>

然后您要做的就是从原始页面调用该函数：

<script type="application/javascript">
    document.getElementById("IframeID").contentWindow.variable("value");
</script>

将javascript值传递到iframe标记

3 个答案: