从 iframe 内部获取 iframe url 变量答案

【问题标题】：Get iframe url variable from inside the iframe从 iframe 内部获取 iframe url 变量
【发布时间】：2012-12-07 01:46:55
【问题描述】：

如果可能，我想使用 jquery/javascript 并在 iframe 中获取一个 url 变量 frim

我的 iframe 链接如下所示 - 源动态变化

<iframe class="box" src="lightbox.html?img=images/lightbox/blue-shoes.jpg" scrolling="no" frameborder="0"></iframe>

然后，从 lightbox.html iframe 内部 - 我想获取 img (images/lightbox/blue-shoes.jpg) 变量并更改图像的来源

问题是 - 我不知道如何从 iframe 中获取 iframe 源 url 变量

我试图避免使用 php

我用它做类似的事情，但不能让它工作

function getUrlVars() {
var vars = {};
var parts = document.referrer.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    vars[key] = value;
});
return vars;
}
var first = getUrlVars()["ref"];

【问题讨论】：

标签： javascript jquery

【解决方案1】：

如果您在 iframe 中控制脚本，这里有一个使用 document.location.herf 而不是 referrer 的示例。灯箱.html：

<html>
<head>
<script>

    function getUrlVars() {
    var vars = {};
    var parts = document.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
            vars[key] = value;
    });
    return vars;
    }
    var first = getUrlVars()["img"];
    alert(first);
    var test = function(){
        first = 'images/red.jpg'
        alert(first);
    }
</script>

</head>
<body>
    <div>Inside</div>
    <button onclick="test()">change url</button>
</body>
</html>

【讨论】：

【解决方案2】：

要使用 JQuery 执行此操作，请尝试此操作。

您页面上的图片 lightbox.html，为其提供广告 ID，例如

<img id="ImageID" src="whatever" />

然后用这个JQuery来改变src属性

$('#ImageID').attr('src', 'whatever');

更新

事实上，由于它是一个 IFrame，这可能不起作用

【讨论】：