摘要]: 实现浏览器全屏窗口的几种方法 IE 浏览器隐身大法
浏览网页,时常会发现自己的浏览器窗口不见了,但网页内容还在。这种效果是不是很神奇呢?实现此种功能只要有三种原理,按实现方法的不同,给它们各起了个名字,分别是:瞒天过海法、借尸还魂法和返璞归真法。不要被它们的名字吓着了,其实实现起来并不困难,只要看了下面的内容,就明白个中道理了!
一、瞒天过海法-javascript
我们知道,显示器的分辩率大小决定了我们看到的程序窗口的面积大小,分辩率越大,窗口面积越大,看到的内容就越多。但并不是说显示面积越大就越好,因为分辩率的变化会带来菜单文字的变化,可能会影响软件界面的字体美观。此乃题外话,就不细说了。浏览器同样是一种程序,其窗口的大小,我们可以利用脚本语言来控制调整,这样我们就可以实施瞒天过海法来达到全屏目的,方法是在网页文件的头部,也就是 < head > 与 < /head > 标签之间加上下面这段 javascript 代码:
< script >
< !--
function omiga_window(){
window.open("12.htm","","fullscreen=1,menubar=0,toolbar=0,directories=0,location=0,
status=0,scrollbars=0")
}
//-- >
< /script >
代码功能是由一个网页调出另一个浏览器窗口,加上设置语句,设置新窗口的大小为全屏,然后新的网页内容就显示在此窗口里,借此实现了全屏。
不要忘记在网页文件的 < body > 标签里加上加载网页里调用函数的代码。代码设置如下:
< body onload="omiga_window()" onBlur="self.close()" scroll="no" >
二、借尸还魂法
可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用 Dreamweaver 的插件,借尸还魂!实现全屏!
首先我们到点击下载“MFX-fullscreen.mxp”插件到自己的硬盘里,接着打开 Dreamweaver4 菜单栏“Commands”,选择“Manage Extensions”命令,打开插件管理工具“Macromedia Extension Manager”,按“Ctrl + i”快捷键把插件安装好。
接下来的事情就相当轻松了,重新启动一次 Dreamweaver4 ,按“Shift + F3”打开行为面板,再按快捷键“Ctrl + Tab”进入源代码窗口,点击行为面板的加号按钮,在弹出的菜单中选择“MFX”里的“MFX-fullscreen”命令马上可以看到 < head > 和 < /head > 是加入了全屏的代码,同时 < body > 里也加入了“onLoad”加载函数。按 F12 就可以看到全屏的效果。注意,没有进入源代码窗口该命令呈灰色,是不可选的。
没有插件的朋友可以复制以下代码到网页文件:
以下为引用的内容:
< script language="JavaScript" >
< !--
function MachakFull(Ie,other){
//Copyright ?1999 m.milicevic machakjoe@netscape.net jjooee@tip.nl
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target >= 4){
if (navigator.appName=="Netscape"){
var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');
MachakFull.moveTo(0,0);
MachakFull.resizeTo(x,y);}
if (navigator.appName=="Microsoft Internet Explorer")
window.open(Ie,"MachakFull","fullscreen=yes");
}
else window.open(other,"sub",'scrollbars=yes');
}
//-- >
< /script >
< /head >
当然,< body > 里也加入了“onLoad”加载函数,代码如下:
< body bgcolor="#FFFFFF" text="#000000" onLoad="MachakFull('full_window.htm','')" >
看了前面的两种方法,分析源代码,我们注意到,都必须先打开一个原来的窗口,我们称之为A,然后再调出一个新的浏览器窗口,我们称之为B。当 B 窗口打开时,就实现全屏了,并且位于最前面。但前面的两种方法都没有把原来的窗口 A 窗口关闭。我们可以在 < body > 里加入关闭的代码“onBlur="self.close"”或者“onBlur="javascript:window.closer()"”。可是,此两种关闭都会弹出一个关闭的提示框,如下图:
无疑它影响了整个网页的显示效果!有办法解决么?当然有!请看下面的返璞归真法:
三、返璞归真法
此法是最完美的一种全屏方式,实现代码与相应简单,一个完整的全屏网页代码如下:
以下为引用的内容:
< html >
< head >
< title >123< /title >
< meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
< script >
< !--
function omiga_window(){
window.open("full_window.htm","","fullscreen,scrollbars")
}
//-- >
< /script >
< /head >
< body onload="omiga_window()" onblur="focus();closes.Click();" scroll="no" >
< object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
< param name="Command" value="Close" >
< /object >
< p ></p>
< p > < /p >
全屏!
< /body >
< /html >
实现全屏的代码跟之前的两种方法相类似,差别就在于可以自动关闭原来的A窗口,并且不出现提示。不出现提示的奥妙在于 < body > 标签里的:
onblur="focus();closes.Click();"
以及< body >和< /body >之间的:
< object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" >
< param name="Command" value="Close" >
< /object >
分享到:
相关推荐
用户无法通过常规方式改变浏览器窗口的大小或关闭它,这可能是一种特定应用场景下的定制设计,例如用于展示或者演示目的。此外,去除滚动条意味着网页内容将通过其他方式(如平移或者固定布局)来浏览,这需要对HTML...
有以下几种显示状态: - `StageDisplayState.NORMAL`:标准窗口模式。 - `StageDisplayState.FULL_SCREEN`:全屏模式,无浏览器或操作系统界面元素。 - `StageDisplayState.FULL_SCREEN_INTERACTIVE`:全屏交互模式...
"图片预览新窗口全屏图片展示功能"是这样一种技术,它允许用户点击缩略图后,在一个新的浏览器窗口中打开全屏的图片预览,提供更佳的视觉体验。 实现这一功能,通常会涉及到以下几个关键技术点: 1. **HTML**:...
为了解决这个问题,开发者可以尝试以下几种策略: 1. **避免全屏模式**:可以考虑使用最大化窗口而不是全屏模式,这样不会影响其他应用程序的显示。 2. **使用Layered Windows**:利用WPF的Layered Windows特性,...
标题中的“自适应轮播网页全屏背景”指的是一个能够自动调整大小,根据用户设备或浏览器窗口尺寸保持背景图片比例的网页元素。这种设计可以使网页在各种屏幕尺寸下都保持良好的视觉效果,避免图像因缩放而失真或变形...
实现`div`全屏的步骤主要包括以下几点: 1. **引入jQuery库**:由于项目中提到了jQuery插件,所以我们需要在HTML文件中引入jQuery库。可以通过CDN链接或者本地文件来引入,例如: ```html ...
在实现全屏弹性伸缩广告窗口的过程中,主要涉及到以下几个关键知识点: 1. **HTML 结构**:HTML 是构建网页的基础,用于创建广告窗口的基本框架。广告窗口通常包含一个容器元素,该元素的大小可以动态改变以适应...
全屏播放功能允许用户将视频扩大至整个浏览器窗口或屏幕,提供更沉浸式的观看体验。在ActionScript中,可以调用Flash Player的全屏模式方法,使视频内容自动适应用户的显示器尺寸。同时,播放器需要处理用户退出全屏...
全屏切换器的技术实现可能基于以下几种方法: 1. 捕获系统级键盘事件:全屏切换器通过注册系统钩子(如SetWindowsHookEx函数),监听键盘输入,当检测到预设的热键组合时,执行切换操作。 2. 监控窗口状态:程序会...
《C#实现的触摸屏浏览器程序详解》 在IT领域,C#是一种广泛使用的编程语言,尤其在开发桌面应用程序和Windows平台的软件时。本文将深入探讨如何利用C#构建一个专为触摸屏设计的浏览器程序,涉及的核心技术包括...
Python是一种强大的、跨平台的编程语言,其丰富的库支持使得开发者可以实现许多有趣且实用的应用,包括构建浏览器。PyQt5是Python中一个用于创建GUI应用程序的库,它基于Qt框架,提供了丰富的功能来实现桌面应用,如...
在"猎豹安全浏览器专题页全屏滚动上下切换特效JS代码"项目中,我们可以预期以下几个关键知识点: 1. **jQuery库**:首先,我们需要了解jQuery的基本用法,如选择器(如`$("#id")`)、DOM操作(`.append()`, `.html...
以下是一种可能的实现方法: 1. 首先,创建一个按钮或链接,用于触发全屏模式。 2. 使用 JavaScript 监听该按钮的点击事件,并在事件处理函数中切换 `textarea` 的样式。 3. 在全屏模式下,`textarea` 的样式应覆盖...
在Android平台上,构建一个浏览器应用时,可能会遇到需要实现多窗口功能的需求,这通常涉及到对Android系统的窗口管理和Activity生命周期的深入理解。本文将详细解析如何在Android浏览器中实现多窗口方案。 首先,...
为了实现漂浮窗口的功能,开发者需要考虑以下几个关键点: 1. **定位**:漂浮窗口需要能够在用户滚动页面时始终停留在屏幕的某个固定位置,这通常通过CSS的position属性和top、right、bottom、left值来实现。 2. *...
在Windows操作系统中,窗口大小的调整可以通过以下几种方式完成: 1. **拖动边框**:当你将鼠标光标移动到窗口的顶部或侧边时,光标通常会变为一个双向箭头。此时,你可以点击并拖动来改变窗口的高度或宽度。 2. *...
在本实例中,我们将深入探讨ASP开发中的几个关键知识点,包括窗口和页面的样式设置、鼠标单击链接的样式、添加窗口关闭按钮、日期选择器、全屏显示网页以及关闭IE浏览器时的提示对话框处理。 1. **窗口及页面设置**...
焦点图切换通常包括以下几种切换方式:左右切换、上下切换、淡入淡出等。本项目采用的是左右切换方式,即用户可以通过点击或滑动来在不同的图片之间进行左右移动。 三、自适应布局 全屏Banner焦点图切换的一个关键...
全屏广告切JS是一种网页设计技术,主要用于在网站上实现类似苹果、锤子等品牌广告展示效果。这种技术主要依赖JavaScript(JS)语言来完成,它允许开发者创建动态、交互式的用户体验,特别是在全屏广告场景中,能吸引...