实现浏览器全屏窗口的几种方法

最新推荐文章于 2020-04-28 18:07:16 发布

lne818

最新推荐文章于 2020-04-28 18:07:16 发布

阅读量4.3k

点赞数

分类专栏： AJAX相关文章标签：浏览器 dreamweaver javascript microsoft function scroll

AJAX相关专栏收录该内容

20 篇文章 0 订阅

订阅专栏

方法一：

我们知道，显示器的分辩率大小决定了我们看到的程序窗口的面积大小，分辩率越大，窗口面积越大，看到的内容就越多。但并不是说显示面积越大就越好，因为分辩率的变化会带来菜单文字的变化，可能会影响软件界面的字体美观。此乃题外话，就不细说了。浏览器同样是一种程序，其窗口的大小，我们可以利用脚本语言来控制调整，这样我们就可以实施瞒天过海法来达到全屏目的，方法是在网页文件的头部，也就是 <head> 与 </head> 标签之间加上下面这段 javascript 代码：

　　代码功能是由一个网页调出另一个浏览器窗口，加上设置语句，设置新窗口的大小为全屏，然后新的网页内容就显示在此窗口里，借此实现了全屏。

　　不要忘记在网页文件的 <body> 标签里加上加载网页里调用函数的代码。代码设置如下：

方法二：

可能有些朋友见到代码就害怕。告诉你，不怕！不懂脚本代码的我们可以使用 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 就可以看到全屏的效果。注意，没有进入源代码窗口该命令呈灰色，是不可选的。

　　没有插件的朋友可以复制以下代码到网页文件：

当然，<body> 里也加入了“onLoad”加载函数，代码如下：

　　看了前面的两种方法，分析源代码，我们注意到，都必须先打开一个原来的窗口，我们称之为A，然后再调出一个新的浏览器窗口，我们称之为B。当 B 窗口打开时，就实现全屏了，并且位于最前面。但前面的两种方法都没有把原来的窗口 A 窗口关闭。我们可以在 <body> 里加入关闭的代码“onBlur="self.close"”或者“onBlur="javascript:window.closer()"”。

以下能够完成差不多得效果

  if (navigator.appName=="Microsoft Internet Explorer")
  {
       window.open("http://localhost/Demo/draw/draw.htm","screen","fullscreen==yes");
  }
}
else
{
     location.href="http://localhost/Demo/draw/draw.htm";
}
}
</script>
<BODY οnlοad="init()">

方法三：

此法是最完美的一种全屏方式，实现代码与相应简单，一个完整的全屏网页代码如下：