当前页面: 开发资料首页 → Javascript 专题 → javascript全屏幕显示的问题
javascript全屏幕显示的问题
摘要: javascript全屏幕显示的问题
返回某个固定页面：
function bk(strUrl)
{
window.location.href=strUrl
}
bk("A.jsp")
打开页面就全屏显示
<script LANGUAGE="JavaScript">
window.open ("ＵＲＬ（如http://www.webjx.com）", "（窗口名称）123", "height=170, width=300, toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no, top=100") ;
//
</script>
注：
url代表弹出窗口的地址
height代表弹出窗口的高度
width代表弹出窗口的宽度
toolbar代表工具栏，no表示没有工具栏,yes为有工具栏
menubar代表菜单栏，no表示不显示菜单，用户也可以用yes
scrollbars代表滚动条，no表示没有滚动条,yes为有滚动条，也可以用auto
resizable代表是否可以缩放弹出窗口
location代表地址栏
status代表关态栏
top代表窗口距浏览器上部的距离
JavaScript:完全容错和浏览器自动最大化
错误代码的即时处理
我们编制的JavaScript代码有时会由于我们的疏忽而存在一些错误，以至于用户
浏览时会弹出令人生厌的错误提示框架，如何处理这种情况呢？下面介绍两种常
见方法：
（1） 完全容错
即用户浏览含有错误代码的页面时，忽视所有的错误。代码如下：
;
〈script〉
function killerr() {
return true
}
window.onerror=killerr
〈/script〉
它虽然能掩盖错误，避免弹出错误提示框，但程序仍未正确执行，下面介绍另一
处理方法。
（2） 反馈错误信息
即当出现错误代码时，自动弹出我们预先设计好的反馈窗口，目的是用户只需简
单地按一下鼠标就可以把反馈信息发到你指定的信箱，当然反馈窗口的内容我们
可以任意修改设计。代码如下：
〈script〉
function errorinfo()
{
errorwin=window.open(″ ″,″ ″,″width=20,height=120″)
errorwin.document.write(′〈title〉脚本错误报告〈/title〉〈center〉该页
面发现了脚本运行错误，请〈a href=″mailto:lhy@cenpok.net″〉通知〈/a〉
管理员。〈br〉〈form〉〈input type=″button″ value=″关闭窗口″ onCli
ck=″window.close()″〉〈/form〉〈/center〉′)
errorwin.document.close()
errorwin.document.bgColor=″＃ffffff″
return true
}
window.onerror=errorinfo
〈/script〉
优化浏览窗口
使用这段代码，当用户打开你的页面时,浏览器窗口会自动扩展到最大可利用空间
（非全屏），岂不是很专业？
以下代码放在〈head〉〈/head〉之间:
〈script language=″JavaScript″〉
〈!－－function winfix() {
if (document.layers) {
width=screen.availWidth－10;
height=screen.availHeight－20;
} else {
var width=screen.availWidth－2;
var height=screen.availHeight;
}
self.resizeTo(width, height);
self.moveTo(0, 0);
}
//－－〉
〈/script〉
以下代码放在〈body〉Tag里：
〈body onload=″winfix()″〉
<script language="javascript">
//Resize_Window
if ((screen.width == 1024) && (screen.height == 768)){
Resize_WindowX = 1024;
Resize_WindowY = 768;
self.resizeTo(Resize_WindowX,Resize_WindowY);//Resize_WindowEnd
}
else ((screen.width > 1024) && (screen.height > 1000)){
document.body.clientWidth = 1280;
document.body.clientHeight = 1024;
self.resizeTo(document.body.clientWidth,document.body.clientHeight);//Resize_WindowEnd
}
document.body.clientWidth; document.body.clientHeight
</script>
<script language="javascript">
用window.openr打开的子父窗口之间的操作跟框架的是不一样的，子窗口和父窗口之间有opener来联系。而源窗口要访问子窗口要通过其句柄来操作。以下小例子希望能帮助新手更了解他们的操作。
test.htm
<head>
</head>
<body>
<script>
var win=null;
function op(){
win=window.open("about:blank","win","width=200,height=200");
win.document.write("<input type='button' value='关闭父窗口' onclick='window.opener.opener=null;window.opener.close()'>");
win.document.write("<input type='button' value='刷新你窗口' onclick='window.opener.location.reload()'>");
}
</script>
<input onclick="op()" value="打开窗口" type="button"><input type="button" value="最小化" onclick="if(win&&win.open&&!win.closed){win.resizeTo(0,0);win.moveTo(0,window.screen.width);}else alert('还没有打开窗口或已经关闭')"><input type="button" value="最大化" onclick="if(win&&win.open&&!win.closed){win.moveTo(-4,-4);win.resizeTo(screen.availWidth+8,screen.availHeight+8);}else alert('还没有打开窗口或已经关闭');"><input type=button value="关闭子窗口" onclick="if(win&&win.open&&!win.closed){win.opener=null;win.close()}else alert('还没有打开窗口或已关闭')"><input type=button value="刷新子窗口" onclick="if(win&&win.open&&!win.closed){win.location.reload();win.focus()}else alert('窗口还没有打开或已关闭')"><input type="button" value="看子窗口的大小" onclick="if(win&&win.open&&!win.closed){alert(win.document.body.clientWidth+'*'+win.document.body.clientHeight);win.focus();}else{alert('还没有打开窗口或者已关闭')};">
</body>
网页显示一定时间自动关闭
<script id=clientEventHandlersJS language=javascript>
window.opener = null;
</script>
<body bgcolor="#fef4d9" onLoad="setTimeout(window.close, 5000)">
<body onload="omiga_window()" onblur="focus();closes.Click();" scroll="no"> 全屏！ </body> <script language=″JavaScript″〉 〈!－－function winfix() { if (document.layers) { width=screen.availWidth－10; height=screen.availHeight－20; } else { var width=screen.availWidth－2; var height=screen.availHeight; } self.resizeTo(width, height); self.moveTo(0, 0); } //－－〉 〈/script〉
<head
<script>
↑返回目录
前一篇: JavaScript实际应用：子窗口和父窗口交互
后一篇: javascript实现的计数器功能代码