我有下面的代码,它可以打开一个模态窗口。这个在IE 8中可以工作,但在Chrome或FF中不能。我是新手跨浏览器功能方面。
function ShowModal(WindowID,FramesetID)
{
window.onscroll = function () { window.top.document.getElementById(WindowID).style.top = window.top.document.body.scrollTop; };
window.top.document.getElementById(WindowID).style.display = "block";
window.top.document.getElementById(WindowID).style.top = document.body.scrollTop;
widthv=parseInt(parseInt(screen.width)/1.50);
heightv=parseInt(parseInt(screen.height)/1.50);
window.top.document.getElementById(FramesetID).style.width=widthv;
window.top.document.getElementById(FramesetID).style.height=heightv;
}
请问有人能帮忙让这段代码在Chrome和FF中兼容吗?
我尝试将 window.top
改为 window.parent
但没有成功。
此外,编写适用于多个浏览器的代码时需要注意什么规则(我已经浏览过,但并没有找到一组适用于跨浏览器兼容性的规则)?
更新:
问题是在IE中,该模态窗口出现在大约一半的屏幕大小上。 在Firefox和Chrome中,模态窗口的大小大约为一个美元硬币。