从window.location设置iFrame src

时间:2012-09-27 06:07:24

标签: javascript jquery url

使用jQuery或javascript,我已经摸不着头脑,最后放弃了。

如何设置iframe src:

  1. 如果窗口URL包含以“?sku =”
  2. 开头的参数
  3. 从中缓存整个参数?结束(?sku = T235N& addressline = 90803& form = product_search)
  4. 将iframe src从/index.html更改为/default.html +参数?

    更改iframe src =“/ index.html  to src =“/ default.html?sku = T235N& addressline = 90803& form = product_search”

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

    非常感谢!!!!

5 个答案:

答案 0 :(得分:1)

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

我建议你浏览以下帖子

Using the GET parameter of a URL in JavaScript

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

现在如果你有任何值,你可以通过

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

答案 1 :(得分:0)

找到'?'在窗口位置并设置src:

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

然后用JQuery设置它:

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

答案 2 :(得分:0)

<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"'

答案 3 :(得分:0)

您可以尝试这样

$(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

答案 4 :(得分:0)

首先,给iframe id getElementById,我们可以<iframe src="http://hosted.where2getit.com/asics/index.html" id="sku_frame"

sku=

然后,设置一个脚本以在页面加载时运行,检测location.search字符串中是否有iframe个键,并抓取el.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; } } })();

{{1}}

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