0

ページの URL にページの高さのパラメーターを追加して、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&height=800」を追加していないことです。更新せずにそれを可能にするように設定する方法を見つけようとしています。

4

1 に答える 1

3

パラメータではなく、URL ハッシュを使用します。

 "page.html#height=800"

document.location.hash解析 (または設定) できる "height=800" を保持します。

ページの読み込みに影響を与えずにハッシュ値を変更できます。

于 2012-10-25T15:39:38.550 に答える