实现窗口真正全屏的函数

最新推荐文章于 2025-03-06 14:57:19 发布

最新推荐文章于 2025-03-06 14:57:19 发布 · 197 阅读

文章标签：

博客给出了一段JavaScript代码，用于实现窗口真正全屏的功能。代码根据不同的浏览器（Netscape、Microsoft Internet Explorer）和操作系统（Mac、Windows）进行判断，采用不同的方式打开窗口以达到全屏效果，并给出了函数调用示例。

//实现窗口真正全屏的函数
//以下代码保存为"js.js"

function fullscreen(url, wname ) {
var URLen=url;
var windowNamen=wname;
var browserName=navigator.appName;
var operatingSystem=navigator.platform;
var version = parseFloat(navigator.appVersion);

// Netscape check version 4.0+ on Win
if (browserName.indexOf("Netscape")!=-1 && version>=4.0 && operatingSystem.indexOf("Mac")!=-1)
{
window.open(URLen,windowNamen,'titlebar=no,top=0,left=0,width=' + window.screen.availWidth+',height='+window.screen.availWidth+',screenX=0,screenY=0,top=0,left=0')
}

// MSIE Mac check
else if (browserName.indexOf("Microsoft Internet Explorer")!=-1 && operatingSystem.indexOf("Mac")!=-1)
{
window.open(URLen,windowNamen,'titlebar=no,top=0,left=0,width=' + window.screen.availWidth+',height='+window.screen.availWidth+',screenX=0,screenY=0,top=0,left=0')
}

// Netscape Mac check
else if (browserName.indexOf("Netscape")!=-1 && operatingSystem.indexOf("Mac")!=-1)
{
window.open(URLen,windowNamen,'width='+screen.width+',height='+screen.height+',top=0,left=0');
}

// MSIE Windows
else if (browserName.indexOf("Microsoft Internet Explorer")!=-1 && operatingSystem.indexOf("Win")!=-1)
{
//window.open(URLen,windowNamen,'fullscreen=1,top=0,left=0');
var win = window.open(URLen,windowNamen,'titlebar=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=yes,resizable=0,fullscreen=1,top=0,left=0,width=' + window.screen.availWidth+',height='+window.screen.availHeight+',screenX=0,screenY=10,top=0,left=0')
win.resizeTo(screen.width, screen.height);
}

// Netscape Windows
else if (browserName.indexOf("Netscape")!=-1 && operatingSystem.indexOf("Win")!=-1)
{
window.open(URLen,windowNamen,'width='+screen.width+',height='+screen.height+',top=0,left=0');
}

else
{
window.open(URLen,windowNamen);
}

}