JS实例:深入挖掘IE浏览器窗口的功能

不要小瞧了这普普通通的windows,除了常用的window.open()与window.resizeTo()方法来开启窗口外,仔细挖掘,你还能找到许多奥秘在里头,下面就跟着我一起来探索探索吧!

一、继续解剖window.open()

说明:如无特别说明,以下红色标注的代码就是关键代码

1、弹启一个全屏窗口

window.open('http://www.webjx.com','example01','fullscreen')

<html> <body onload="window.open(' http://www.webjx.com','example01','fullscreen');"> <b>www.webjx.com</b> </body> </html>

我的电脑屏幕整个都是一张网页了,怎么样,是不是有点触摸屏的味道呢?(手指不由自主地点了上去)。

2、弹启一个被F11化后的窗口

window.open('http://www.webjx.com','example02','channelmode')

<html> <body onload="window.open(' http://www.webjx.com','example02','channelmode');"> <b>www.webjx.com</b> </body> </html>

这样的窗口类似于被按了F11后的浏览器模式。

3、弹启一个带有收藏链接工具栏的窗口

window.open('http://www.webjx.com','example03','width=400,height=300,directories')

<html> <body onload="window.open('http://www.webjx.com','example03','width=400,height=300,directories');"> <b>www.webjx.com</b> </body> </html>

呵呵,平时IE上的链接工具栏不太用,所以对这个不太感冒,但或许有的朋友用得上,权当是送给他们吧。

二、对话框窗口

IE帮助下关于Internet Explorer选项打开后的窗口,大家是否注意过(哪个家伙会无聊到这种程度?),我们也可以用对话框窗口来实现,这就要用到showModalDialog()或是showModelessDialog()

<html> <SCRIPT LANGUAGE="JavaScript"> <!-- showModalDialog('http://www.webjx.com','example04','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes') //--> </SCRIPT> <b>www.webjx.com</b> </body> </html>

你可能感兴趣的:(JS实例:深入挖掘IE浏览器窗口的功能)