Question

我正在尝试让我的网页网址添加页面高度的参数，以便我可以将其设置为在iframe中加载的页面上的动态高度。

iframe页面代码。

$(document).ready(function() {
var h = $("#tr").height();
var pathname = $(location).attr('href');
pathname = $(this) + "&height=" + h;
});

在iframe中加载的页面。

$(document).ready(function() {
// parse params in iframe url

var qs = (function(a) {
if (a == "") return {};
var b = {};
for (var i = 0; i < a.length; ++i)
{
    var p=a[i].split('=');
    if (p.length != 2) continue;
    b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
}
    return b;
})(window.location.search.substr(1).split('&'));

// get height param
var myheight = qs["height"]
// apply css height of the iframe parent
$("#frame").css("height", myheight)
});

问题是到目前为止，iframe页面没有在页面加载时添加“page.html＆amp; height = 800”，而我正试图弄清楚如何设置它以便在不刷新的情况下执行此操作。

Answer 1

使用URL哈希，而不是参数。

 "page.html#height=800"

document.location.hash持有“height = 800”，您可以解析（或设置）。

您可以在不影响页面加载的情况下更改哈希值。

在iframe src上设置高度的动态参数

1 个答案: