JS實例:深刻挖掘IE瀏覽器窗口的功能

不要小瞧了這普普統統的windows,除了經常使用的window.open()與window.resizeTo()方法來開啓窗口外,仔細挖掘,你還能找到許多奧祕在裏頭,下面就跟着我一塊兒來探索探索吧!

1、繼續解剖window.open()html

說明:如無特別說明,如下紅色標註的代碼就是關鍵代碼web

一、彈啓一個全屏窗口windows

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>

個人電腦屏幕整個都是一張網頁了,怎麼樣,是否是有點觸摸屏的味道呢?(手指不禁自主地點了上去)。less

二、彈啓一個被F11化後的窗口工具

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

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

這樣的窗口相似於被按了F11後的瀏覽器模式。ip

三、彈啓一個帶有收藏連接工具欄的窗口channel

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上的連接工具欄不太用,因此對這個不太感冒,但或許有的朋友用得上,權當是送給他們吧。

2、對話框窗口

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>
相關文章
相關標籤/搜索