将javascript值传递到iframe标记

前端之家收集整理的这篇文章主要介绍了将javascript值传递到iframe标记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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>

有什么好办法实现这个目标?

解决方法

您可以将值直接传递给具有不同域的页面的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('&'));
}
原文链接:https://www.f2er.com/js/159495.html

猜你在找的JavaScript相关文章