javascript - 从 window.location 设置 iFrame src

Question

使用 jQuery 或 javascript，我摸索到了这一点，最后屈服了。

如何设置这样的 iframe src：

1. 如果窗口 URL 包含以“?sku=”开头的参数
2. 缓存整个参数？结束 (?sku=T235N&addressline=90803&form=product_search)

3. 将 iframe src 从 /index.html 更改为 /default.html + 参数？

   将 iframe src="/index.html 更改为 src="/default.html?sku=T235N&addressline=90803&form=product_search"

http://jsfiddle.net/Digitalctn/rUnQd/

非常感谢！！！！

Answer 1

我不确定您在上述解决方案中使用 javascript 尝试了什么，即使在小提琴中我也看不到任何 javascript

我建议您阅读以下帖子

在 JavaScript 中使用 URL 的 GET 参数

上面的帖子将有助于获取参数“sku”

现在，如果您有任何相同的值，您可以通过以下方式设置 iframe src

document.getElementById("iframeid").src = "default.html?sku="+sku

Answer 2

你可以试试这样

$(function () {
    var url = parseUrl(window.location.pathname).search;
    if (url.match("sku").length > 0) {
        $('#iframe1').attr('src', '/default.html' + url);
    }
});

function parseUrl(url) {
    var a = document.createElement('a');
    a.href = url;
    return a;
}

和jsfiddle

Answer 3

首先，给你iframe一个id，这样我们就可以getElementById：

<iframe src="http://hosted.where2getit.com/asics/index.html" id="sku_frame"

然后，设置一个脚本以在页面加载时运行，检测字符串中是否有sku=键，并获取引用并修改它：location.searchiframeel.src

(function load(){

    if (window.addEventListener) {
        window.addEventListener('load', run);
    } else if (window.attachEvent) {
        window.attachEvent('onload', run);
    }

    function run() {
        var hassku = !!(location.search.indexOf('sku=') + 1);

        if (hassku) {
            document.getElementById('sku_frame').src = '/default.html' + location.search;
        }
    }

})();

http://jsfiddle.net/userdude/rUnQd/6/

Answer 4

只需找到“？” 在窗口位置并设置 src：

var url = window.location;
var pos = url.indexOf('?');
var query = url.substring(0,pos+1);

然后用 JQuery 设置它：

$('iframe').attr('src','/default.html?'+query);

Answer 5

<iframe id="changeIframe" src="http://hosted.where2getit.com/asics/index.html" frameborder="1" width="920" height="635" scrolling="no"></iframe> 

document.getElementByid("changeIframe").src='http://hosted.where2getit.com/asics//default.html?sku=T235N&addressline=90803&form=product_search"'