javascript

位置:IT落伍者 >> javascript >> 浏览文章

javascript全屏幕显示的问题


发布日期:2019年03月02日
 
javascript全屏幕显示的问题

返回某个固定页面

function bk(strUrl)

{

windowlocationhref=strUrl

}

bk(Ajsp)

打开页面就全屏显示

<SCRIPT LANGUAGE=JavaScript>

<! Begin

if (thisname!=fullscreen){

windowopen(locationhreffullscreenfullscreenscrollbars)

}

// End >

</script>

<a JavaScript:windowclose(self)>返回正常效果显示</a>

<script LANGUAGE=JavaScript>

<!

windowopen (URL(如) (窗口名称) height= width= toolbar=nomenubar=no scrollbars=no resizable=no location=no status=no top=) ;

//>

</script>

url代表弹出窗口的地址

height代表弹出窗口的高度

width代表弹出窗口的宽度

toolbar代表工具栏no表示没有工具栏yes为有工具栏

menubar代表菜单栏no表示不显示菜单用户也可以用yes

scrollbars代表滚动条no表示没有滚动条yes为有滚动条也可以用auto

resizable代表是否可以缩放弹出窗口

location代表地址栏

status代表关态栏

top代表窗口距浏览器上部的距离

JavaScript:完全容错和浏览器自动最大化

错误代码的即时处理

我们编制的JavaScript代码有时会由于我们的疏忽而存在一些错误以至于用户

浏览时会弹出令人生厌的错误提示框架如何处理这种情况呢?下面介绍两种常

见方法

) 完全容错

即用户浏览含有错误代码的页面时忽视所有的错误代码如下

;

〈script〉

function killerr() {

return true

}

windowonerror=killerr

〈/script〉

它虽然能掩盖错误避免弹出错误提示框但程序仍未正确执行下面介绍另一

处理方法

) 反馈错误信息

即当出现错误代码时自动弹出我们预先设计好的反馈窗口目的是用户只需简

单地按一下鼠标就可以把反馈信息发到你指定的信箱当然反馈窗口的内容我们

可以任意修改设计代码如下

〈script〉

function errorinfo()

{

errorwin=windowopen(″ ″″ ″″width=height=″)

errorwindocumentwrite(′〈title〉脚本错误报告〈/title〉〈center〉该页

面发现了脚本运行错误请〈a href=″mailto:″〉通知〈/a〉

管理员〈br〉〈form〉〈input type=″button″ value=″关闭窗口″ onCli

ck=″windowclose()″〉〈/form〉〈/center〉′)

errorwindocumentclose()

errorwindocumentbgColor=″#ffffff″

return true

}

windowonerror=errorinfo

〈/script〉

优化浏览窗口

使用这段代码当用户打开你的页面时浏览器窗口会自动扩展到最大可利用空间

(非全屏)岂不是很专业?

以下代码放在〈head〉〈/head〉之间:

〈script language=″JavaScript″〉

〈!--function winfix() {

if (documentlayers) {

width=screenavailWidth-;

height=screenavailHeight-;

} else {

var width=screenavailWidth-;

var height=screenavailHeight;

}

selfresizeTo(width height);

selfmoveTo( );

}

//--〉

〈/script〉

以下代码放在〈body〉Tag里

〈body onload=″winfix()″〉

<script language=javascript>

//Resize_Window

if ((screenwidth == ) && (screenheight == )){

Resize_WindowX = ;

Resize_WindowY = ;

selfresizeTo(Resize_WindowXResize_WindowY);//Resize_WindowEnd

}

else ((screenwidth > ) && (screenheight > )){

documentbodyclientWidth = ;

documentbodyclientHeight = ;

selfresizeTo(documentbodyclientWidthdocumentbodyclientHeight);//Resize_WindowEnd

}

documentbodyclientWidth; documentbodyclientHeight

</script>

<script language=javascript>

<! Begin

if ((screenwidth == ) && (screenheight == )){

selflocation*

}

else if ((screenwidth == ) && (screenheight == )){

selflocation*

}

else if ((screenwidth == ) && (screenheight == )){

selflocation*

}

else {selflocation

}

// End >

</script>

用windowopenr打开的子父窗口之间的操作跟框架的是不一样的子窗口和父窗口之间有opener来联系而源窗口要访问子窗口要通过其句柄来操作以下小例子希望能帮助新手更了解他们的操作

<html>

<head>

<meta httpequiv=ContentType content=text/html; charset=gb>

<meta name=GENERATOR content=Microsoft FrontPage >

<meta name=ProgId content=FrontPageEditorDocument>

<title>子父窗口的操作</title>

</head>

<body>

<script>

var win=null;

function op(){

win=windowopen(about:blankwinwidth=height=);

windocumentwrite(<input type=button value=关闭父窗口 onclick=windowopeneropener=null;windowopenerclose()>);

windocumentwrite(<input type=button value=刷新你窗口 onclick=windowopenerlocationreload()>);

}

</script>

<input onclick=op() value=打开窗口 type=button><input type=button value=最小化 onclick=if(win&&winopen&&!winclosed){winresizeTo();winmoveTo(windowscreenwidth);}else alert(还没有打开窗口或已经关闭)><input type=button value=最大化 onclick=if(win&&winopen&&!winclosed){winmoveTo();winresizeTo(screenavailWidth+screenavailHeight+);}else alert(还没有打开窗口或已经关闭);><input type=button value=关闭子窗口 onclick=if(win&&winopen&&!winclosed){winopener=null;winclose()}else alert(还没有打开窗口或已关闭)><input type=button value=刷新子窗口 onclick=if(win&&winopen&&!winclosed){winlocationreload();winfocus()}else alert(窗口还没有打开或已关闭)><input type=button value=看子窗口的大小 onclick=if(win&&winopen&&!winclosed){alert(windocumentbodyclientWidth+*+windocumentbodyclientHeight);winfocus();}else{alert(还没有打开窗口或者已关闭)};>

</body>

</html>

网页显示一定时间自动关闭

<script id=clientEventHandlersJS language=javascript>

windowopener = null;

</script>

<body bgcolor=#fefd onLoad=setTimeout(windowclose )>

<html>

<head

<title></title>

<meta httpequiv=ContentType content=text/html; charset=gb>

<script>

<!

function omiga_window(){

windowopen(fullscreenscrollbars)

}

//>

</script>

</head>

<body onload=omiga_window() onblur=focus();closesClick(); scroll=no>

<object id=closes type=application/xoleobject classid=clsid:adbadffcfaaba>

<param name=Command value=Close>

</object>

<p> </p>

<p> </p>

全屏!

</body>

</html>

<script language=″JavaScript″〉

〈!--function winfix() {

if (documentlayers) {

width=screenavailWidth-;

height=screenavailHeight-;

} else {

var width=screenavailWidth-;

var height=screenavailHeight;

}

selfresizeTo(width height);

selfmoveTo( );

}

//--〉

〈/script〉

上一篇:js延时加载defer

下一篇:JavaScript实际应用:子窗口和父窗口交互