我遇到一些问题,了解如何在打开后引用新的浏览器窗口。例如,如果我从主窗口(index.html)创建3个新窗口:
var one = window.open( 'one.html', 'one',"top=10,left=10,width=100,height=100,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,resizable=no");
var two = window.open( 'two.html', 'two',"top=100,left=10,width=100,height=100,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,resizable=no");
var three = window.open( 'three.html', 'three',"top=200,left=10,width=100,height=100,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,resizable=no");
two.focus();
如果浏览器“两个”目前处于焦点状态,我怎么能以编程方式关注(或只是引用)浏览器“三”?
答案 0 :(得分:2)
我会在父窗口中有一组子窗口。然后,对于每个子窗口,都有一个将子项添加到父项的childWindow数组的函数。这样你就可以拥有任意数量的子窗口。
//In the 'Main' window
var childWindows = new Array();
//In the child window
function onload()
{
window.parent.childWindows.push(window);
}
window.attachEvent('onload', onload);
//or
window.load = onload
//or with jQuery
$(window).ready(onload)
设置焦点如下:
//In the parent
childwindows[i].focus();
//In a child
parent.childwindows[i].focus();
//or to focus on next child from within a child
var len = parent.childwindows.length;
for (var i = 0; i < len; i++)
{
if (parent.childwindows[i] && parent.childwindows[i] == window) //you might want some other way to determine equality e.g. checking the title or location property.
{
var n = (i + 1) % childWindows.length;
childwindows[n].focus();
}
}