我有一个使用框架集的网页。
由于脚本和对象依赖性，我需要按特定顺序加载帧。
我使用这个例子作为模板： The JavaScript Source: Navigation: Frames Load Order
这会加载一个空页面来代替我最后需要加载的页面，然后在第一页加载后将其替换为正确的页面。
但是：我还需要使用浏览器的后退按钮。如果您在上面的链接中运行示例，让两个框架都加载，然后单击返回按钮，顶部框架恢复到临时空白页面。然后需要再次单击返回按钮以导航到框架集之前的页面。
有没有一种方法可以强制框架以特定顺序加载而没有此“后退”按钮行为 - 或者有一种方法可以强制“后退”按钮跳过空白页面？
这需要适用于 Internet Explorer 6 和 7，最好也适用于 Firefox 3。
【问题讨论】：
标签： html load frames back-button
你在这篇文章中提到了很多......
这是一个遗留系统。框架集是必需的。
如果您使用的是旧系统，那么我认为您应该接受框架集在浏览器的后退按钮方面的行为方式。如果它确实是一个遗留系统，则无需修复此行为。如果它实际上不是遗留系统并且您需要解决此问题，则需要避免使用框架集。框架集已从 HTML 标准中弃用，不应使用。
【讨论】：
为什么不按所需顺序使用三个 iframe，然后将它们调整大小/移动到适当的位置？
<iframe id="a1" src="page-to-load-first.htm"></iframe>
<iframe id="a2" src="page-to-load-second.htm"></iframe>
<iframe id="a3" src="page-to-load-third.htm"></iframe>
<script>
function pos(elem,x,y,w,h) {
if (!elem.style) elem=document.getElementById(elem);
elem.style.position='absolute';
elem.style.top = y+'px';
elem.style.left= x+'px';
elem.style.width=w+'px';
elem.style.height=h+'px';
}
window.onload = function() {
window.onresize=function() {
var w = window.innerWidth || document.documentElement.clientWidth;
var h = window.innerHeight || document.documentElement.clientHeight;
var w3 = w/3;
var h2 = h/2;
pos('a1',0,0,w3,h); /* left 1/3rd */
pos('a2',w3,0,w3+w3,h2);
pos('a3',w3,h2,w3+w3,h2);
};
window.onresize();
};
</script>
【讨论】：
使用 JavaScript 自己构建框架：
<html>
<head>
<script>
function makeFrame(frameName) {
var newFrame = document.createElement('frame');
newFrame.id=frameName;
if(frameName=="B") {
newFrame.onload=function() {makeFrame("C")};
newFrame.src = 'http://www.google.com';
}
else {
newFrame.src = 'http://www.yahoo.com';
}
document.getElementById('A').appendChild(newFrame);
}
</script>
</head>
<frameset name='A' id='A' rows="80, *" onload="makeFrame('B')"></frameset>
</html>
【讨论】：