js打开网页全屏显示

打开网页全屏显示

关键字: js、javascript、打开网页全屏显示

Js代码

1.（1）打开全屏窗口

2.方法如下：

3.一：将下面的代码放在与之间

4.

11.

12.二：将下面的代码复制到〈BODY〉区并修改其中的链接地址和名称。

13.全屏显示

14.

15.（2）实现真正的全屏

16.这种方法需按Alt+F4才能关闭。

17.代码如下：

18.

19.

20.

21.

22.

23.

24.

25.

26.

30.

31.

27. 28. 29.

32.

33.

34.

35.（3）效果同上

36.将下面的代码贴到body之间，即可实现同上的效果，关闭的方法也同

上。

37.

38.

45.

46.详解下列收集的代码：

47.（4）瞒天过海法-javascript

48.

49.我们知道，显示器的分辩率大小决定了我们看到的程序窗口的面积大小，

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

是 < head > 与 < /head > 标签之间加上下面这段 javascript 代

码：

50.< script >

51.< !--

52.function omiga_window(){

53.window.open("12.htm","","fullscreen=1,menubar=0,toolbar=0,direc

tories=0,location=0,

54.status=0,scrollbars=0")

55.}

56.//-- >

57.< /script >

58.代码功能是由一个网页调出另一个浏览器窗口，加上设置语句，设置新窗

口的大小为全屏，然后新的网页内容就显示在此窗口里，借此实现了全屏。

59.不要忘记在网页文件的 < body > 标签里加上加载网页里调用函数的代

码。代码设置如下：

60.

>

61.

62.（5）借尸还魂法

63.

64.可能有些朋友见到代码就害怕。告诉你，不怕！不懂脚本代码的我们可以

使用 Dreamweaver 的插件，借尸还魂！实现全屏！

65.首先我们到点击下载“MFX-ful lscreen.mxp”插件到自己的硬盘里，接

着打开 Dreamweaver4 菜单栏“Commands”，选择“Manage Extensions”

命令，打开插件管理工具“Macromedia Extension Manager”，按

“Ctrl + i”快捷键把插件安装好。

66.接下来的事情就相当轻松了，重新启动一次 Dreamweaver4 ，按

“Shift + F3”打开行为面板，再按快捷键“Ctrl + Tab”进入源代码窗口，点击行为面板的加号按钮，在弹出的菜单中选择“MFX”里的

“MFX-f ullscreen”命令马上可以看到 < head > 和 < /head > 是加入了全屏的代码，同时 < body > 里也加入了“onLoad”加载函数。

按 F12 就可以看到全屏的效果。注意，没有进入源代码窗口该命令呈灰色，是不可选的。

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

68.

89.

90.当然， 里也加入了“onLoad”加载函数，代码如下：

91.

92.看了前面的两种方法，分析源代码，我们注意到，都必须先打开一个原来

的窗口，我们称之为A，然后再调出一个新的浏览器窗口，我们称之为B。

当 B 窗口打开时，就实现全屏了，并且位于最前面。但前面的两种方法都没有把原来的窗口 A 窗口关闭。我们可以在 < body > 里加入关闭的代码“onBlur="self.close"”或者

“onBlur="javascript:window.closer()"”。可是，此两种关闭都会弹出一个关闭的提示框。无疑它影响了整个网页的显示效果！有办法解决么？

当然有！请看下面的返璞归真法

93.

94.（6）返璞归真法

95.

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

页代码如下：

97.

98.

99.

100.

101.

108.

109.

110.

113.

114.全屏！

115.

116.

117.实现全屏的代码跟之前的两种方法相类似，差别就在于可以自动关闭原来的A窗口，并且不出现提示。不出现提示的奥妙在于 < body > 标签里的：

118.onblur="focus();closes.Click();"

119.以及< body >和< /body >之间的：

120.

123.要实现返璞归真完美全屏方式，不要漏了上面两段代码哟！