admin管理员组文章数量:1530873
2024年3月1日发(作者:)
打开网页全屏显示
关键字: 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.
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.< !--
on omiga_window(){
("","","fullscreen=1,menubar=0,toolbar=0,directories=0,location=0,
=0,scrollbars=0")
55.}
56.//-- >
57.< /script >
58.代码功能是由一个网页调出另一个浏览器窗口,加上设置语句,设置新窗口的大小为全屏,然后新的网页内容就显示在此窗口里,借此实现了全屏。
59.不要忘记在网页文件的 < body > 标签里加上加载网页里调用函数的代码。代码设置如下:
60.
61.
62.(5)借尸还魂法
63.
64.可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用 Dreamweaver 的插件,借尸还魂!实现全屏!
65.首先我们到点击下载 “”插件 到自己的硬盘里,接着打开 Dreamweaver4 菜单栏“Commands”,选择“Manage Extensions”命令,打开插件管理工具“Macromedia Extension Manager”,按“Ctrl + i”快捷键把插件安装好。
66.接下来的事情就相当轻松了,重新启动一次 Dreamweaver4 ,按“Shift + F3”打开行为面板,再按快捷键“Ctrl + Tab”进入源代码窗口,点击行为面板的加号按钮,在弹出的菜单中选择“MFX”里的“MFX-fullscreen”命令马上可以看到 < head > 和 < /head > 是加入了全屏的代码,同时 < body > 里也加入了“onLoad”加载函数。按 F12 就可以看到全屏的效果。注意,没有进入源代码窗口该命令呈灰色,是不可选的。
67.没有插件的朋友可以复制以下代码到网页文件:
68.
89.
90.当然,
里也加入了“onLoad”加载函数,代码如下:91.
92.看了前面的两种方法,分析源代码,我们注意到,都必须先打开一个原来的窗口,我们称之为A,然后再调出一个新的浏览器窗口,我们称之为B。当 B 窗口打开时,就实现全屏了,并且位于最前面。但前面的两种方法都没有把原来的窗口 A 窗口关闭。我们可以在 < body > 里加入关闭的代码“onBlur=""”或者“onBlur="javascript:()"”。可是,此两种关闭都会弹出一个关闭的提示框。无疑它影响了整个网页的显示效果!有办法解决么?当然有!请看下面的返璞归真法
93.
94.(6)返璞归真法
95.
96.此法是最完美的一种全屏方式,实现代码与相应简单,一个完整的全屏网页代码如下:
97.
98.
99.
100.
101.
108.
109.
110.
111.
112.
113.
114. 全屏!
115.
116.
117. 实现全屏的代码跟之前的两种方法相类似,差别就在于可以自动关闭原来的A窗口,并且不出现提示。不出现提示的奥妙在于 < body > 标签里的:
118. onblur="focus();();"
119. 以及< body >和< /body >之间的:
120.
121.
122.
123. 要实现返璞归真完美全屏方式,不要漏了上面两段代码哟!
版权声明:本文标题:js打开网页全屏显示 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1709262272a223718.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论