⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 20050302113835.txt

📁 请在wish.php中修改文章系统的题目和管理员密码,默认密码为: wish 在此文件中修改文章系统的一些基本参数
💻 TXT
字号:
实现浏览器全屏窗口的几种方法&nbsp;|hyenpkjvlg|鱼鱼|hyenpkjvlg|2005-03-02.11:37|hyenpkjvlg|12|hyenpkjvlg|浏览网页,时常会发现自己的浏览器窗口不见了,但网页内容还在。这种效果是不是很神奇呢?实现此种功能只要有三种原理,按实现方法的不同,给它们各起了个名字,分别是:瞒天过海法、借尸还魂法和返璞归真法。不要被它们的名字吓着了,其实实现起来并不困难,只要看了下面的内容,就明白个中道理了!<br><br>一、瞒天过海法-javascript<br><br>我们知道,显示器的分辩率大小决定了我们看到的程序窗口的面积大小,分辩率越大,窗口面积越大,看到的内容就越多。但并不是说显示面积越大就越好,因为分辩率的变化会带来菜单文字的变化,可能会影响软件界面的字体美观。此乃题外话,就不细说了。浏览器同样是一种程序,其窗口的大小,我们可以利用脚本语言来控制调整,这样我们就可以实施瞒天过海法来达到全屏目的,方法是在网页文件的头部,也就是&nbsp;&lt;&nbsp;head&nbsp;&gt;&nbsp;与&nbsp;&lt;&nbsp;/head&nbsp;&gt;&nbsp;标签之间加上下面这段&nbsp;javascript&nbsp;代码:<br><br>&lt;&nbsp;script&nbsp;&gt;<br>&lt;&nbsp;!--<br>function&nbsp;omiga_window(){<br>window.open(&quot;12.htm&quot;,&quot;&quot;,&quot;fullscreen=1,menubar=0,toolbar=0,directories=0,location=0,<br>status=0,scrollbars=0&quot;)<br>}<br>//--&nbsp;&gt;<br>&lt;&nbsp;/script&nbsp;&gt;<br><br>代码功能是由一个网页调出另一个浏览器窗口,加上设置语句,设置新窗口的大小为全屏,然后新的网页内容就显示在此窗口里,借此实现了全屏。<br><br>不要忘记在网页文件的&nbsp;&lt;&nbsp;body&nbsp;&gt;&nbsp;标签里加上加载网页里调用函数的代码。代码设置如下:<br><br>&lt;&nbsp;body&nbsp;onload=&quot;omiga_window()&quot;&nbsp;onBlur=&quot;self.close()&quot;&nbsp;scroll=&quot;no&quot;&nbsp;&gt;<br><br>二、借尸还魂法<br><br>可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用&nbsp;Dreamweaver&nbsp;的插件,借尸还魂!实现全屏!<br><br>首先我们到点击下载&nbsp;“MFX-fullscreen.mxp”插件&nbsp;到自己的硬盘里,接着打开&nbsp;Dreamweaver4&nbsp;菜单栏“Commands”,选择“Manage&nbsp;Extensions”命令,打开插件管理工具“Macromedia&nbsp;Extension&nbsp;Manager”,按“Ctrl&nbsp;+&nbsp;i”快捷键把插件安装好。<br><br>接下来的事情就相当轻松了,重新启动一次&nbsp;Dreamweaver4&nbsp;,按“Shift&nbsp;+&nbsp;F3”打开行为面板,再按快捷键“Ctrl&nbsp;+&nbsp;Tab”进入源代码窗口,点击行为面板的加号按钮,在弹出的菜单中选择“MFX”里的“MFX-fullscreen”命令马上可以看到&nbsp;&lt;&nbsp;head&nbsp;&gt;&nbsp;和&nbsp;&lt;&nbsp;/head&nbsp;&gt;&nbsp;是加入了全屏的代码,同时&nbsp;&lt;&nbsp;body&nbsp;&gt;&nbsp;里也加入了“onLoad”加载函数。按&nbsp;F12&nbsp;就可以看到全屏的效果。注意,没有进入源代码窗口该命令呈灰色,是不可选的。<br><br>没有插件的朋友可以复制以下代码到网页文件:<br><br>&lt;&nbsp;script&nbsp;language=&quot;JavaScript&quot;&nbsp;&gt;<br>&lt;&nbsp;!--<br>function&nbsp;MachakFull(Ie,other){<br>//Copyright&nbsp;?1999&nbsp;m.milicevic&nbsp;machakjoe@netscape.net&nbsp;jjooee@tip.nl<br>x=screen.availWidth;<br>y=screen.availHeight;<br>target&nbsp;=&nbsp;parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));<br>if((navigator.appVersion.indexOf(&quot;Mac&quot;)!=-1)&nbsp;&amp;&amp;(navigator.userAgent.indexOf(&quot;MSIE&quot;)!=-1)&nbsp;&amp;&amp;(parseInt(navigator.appVersion)==4))<br>window.open(other,&quot;sub&quot;,'scrollbars=yes');<br>if&nbsp;(target&nbsp;&gt;=&nbsp;4){<br>if&nbsp;(navigator.appName==&quot;Netscape&quot;){<br>var&nbsp;MachakFull=window.open(other,&quot;MachakFull&quot;,'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');<br>MachakFull.moveTo(0,0);<br>MachakFull.resizeTo(x,y);}<br>if&nbsp;(navigator.appName==&quot;Microsoft&nbsp;Internet&nbsp;Explorer&quot;)<br>window.open(Ie,&quot;MachakFull&quot;,&quot;fullscreen=yes&quot;);<br>}<br>else&nbsp;window.open(other,&quot;sub&quot;,'scrollbars=yes');<br>}<br>//--&nbsp;&gt;<br>&lt;&nbsp;/script&nbsp;&gt;<br>&lt;&nbsp;/head&nbsp;&gt;<br><br>当然,&lt;&nbsp;body&nbsp;&gt;&nbsp;里也加入了“onLoad”加载函数,代码如下:<br><br>&lt;&nbsp;body&nbsp;bgcolor=&quot;#FFFFFF&quot;&nbsp;text=&quot;#000000&quot;&nbsp;onLoad=&quot;MachakFull('full_window.htm','')&quot;&nbsp;&gt;<br><br>看了前面的两种方法,分析源代码,我们注意到,都必须先打开一个原来的窗口,我们称之为A,然后再调出一个新的浏览器窗口,我们称之为B。当&nbsp;B&nbsp;窗口打开时,就实现全屏了,并且位于最前面。但前面的两种方法都没有把原来的窗口&nbsp;A&nbsp;窗口关闭。我们可以在&nbsp;&lt;&nbsp;body&nbsp;&gt;&nbsp;里加入关闭的代码“onBlur=&quot;self.close&quot;”或者“onBlur=&quot;javascript:window.closer()&quot;”。可是,此两种关闭都会弹出一个关闭的提示框,如下图:<br><br>[img]http://tech.tom.com/img/assets/1100/20020625-iewindow.gif[/img]<br><br><br>无疑它影响了整个网页的显示效果!有办法解决么?当然有!请看下面的返璞归真法:<br><br>三、返璞归真法<br><br>此法是最完美的一种全屏方式,实现代码与相应简单,一个完整的全屏网页代码如下:<br><br>&lt;&nbsp;html&nbsp;&gt;<br>&lt;&nbsp;head&nbsp;&gt;<br>&lt;&nbsp;title&nbsp;&gt;123&lt;&nbsp;/title&nbsp;&gt;<br>&lt;&nbsp;meta&nbsp;http-equiv=&quot;Content-Type&quot;&nbsp;content=&quot;text/html;&nbsp;charset=gb2312&quot;&nbsp;&gt;<br>&lt;&nbsp;script&nbsp;&gt;<br>&lt;&nbsp;!--<br>function&nbsp;omiga_window(){<br>window.open(&quot;full_window.htm&quot;,&quot;&quot;,&quot;fullscreen,scrollbars&quot;)<br>}<br>//--&nbsp;&gt;<br>&lt;&nbsp;/script&nbsp;&gt;<br>&lt;&nbsp;/head&nbsp;&gt;<br><br>&lt;&nbsp;body&nbsp;onload=&quot;omiga_window()&quot;&nbsp;onblur=&quot;focus();closes.Click();&quot;&nbsp;scroll=&quot;no&quot;&nbsp;&gt;<br>&lt;&nbsp;object&nbsp;id=closes&nbsp;type=&quot;application/x-oleobject&quot;&nbsp;classid=&quot;clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11&quot;&nbsp;&gt;<br>&lt;&nbsp;param&nbsp;name=&quot;Command&quot;&nbsp;value=&quot;Close&quot;&nbsp;&gt;<br>&lt;&nbsp;/object&nbsp;&gt;&nbsp;<br>&lt;&nbsp;p&nbsp;&gt;&nbsp;&lt;&nbsp;/p&nbsp;&gt;<br>&lt;&nbsp;p&nbsp;&gt;&nbsp;&lt;&nbsp;/p&nbsp;&gt;<br><br>全屏!<br><br>&lt;&nbsp;/body&nbsp;&gt;<br>&lt;&nbsp;/html&nbsp;&gt;<br><br>实现全屏的代码跟之前的两种方法相类似,差别就在于可以自动关闭原来的A窗口,并且不出现提示。不出现提示的奥妙在于&nbsp;&lt;&nbsp;body&nbsp;&gt;&nbsp;标签里的:<br><br>onblur=&quot;focus();closes.Click();&quot;<br><br>以及&lt;&nbsp;body&nbsp;&gt;和&lt;&nbsp;/body&nbsp;&gt;之间的:<br><br>&lt;&nbsp;object&nbsp;id=closes&nbsp;type=&quot;application/x-oleobject&quot;<br>classid=&quot;clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11&quot;&nbsp;&gt;<br>&lt;&nbsp;param&nbsp;name=&quot;Command&quot;&nbsp;value=&quot;Close&quot;&nbsp;&gt;<br>&lt;&nbsp;/object&nbsp;&gt;<br><br>要实现返璞归真完美全屏方式,不要漏了上面两段代码哟!<br><br>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -