小工具知识网

当前位置: 首页 > 行业知识 > js怎么实现网页全屏?

行业知识

js怎么实现网页全屏?

2026-11-03 18:59:52 来源:互联网转载

function WALL_web var WshShell = new ActiveXObject#39WScriptShell#39WshShellSendKeys#39F11#39 模拟发送f11,使浏览器全屏,但是会出现安全提示,点是就可 点击全屏;项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri51+,firfox10+,IE11支持 全屏 var docElm = documentdocumentElementW3C if;添加一个参数,scrollOverflow 导入时候,顺便也导入quotclassNamequotfullpage scrollOverflow true 可以试一下;没有“自动”一说,最好也需要一个对话框提示网页在“提权”,对用户来说是很不安全的感觉。

参考楼上朋友的做法,用一个大的p包裹住所有内容 然后css设置一下最小宽度 wrapwidth1000pxminwidth1000pxmargin0 auto * 因为ie6不支持minwidth属性,还需要js的配合 *;FLASH 全屏有二类四种1不用浏览器直接用FLASH播放器播放的类型A不显示FLASH播放器菜单栏的全屏类似屏保效果,在第一帧处的Actions用FS Command 命令,在For standalone player 选项中选择fullscreen 为true 即可getURLquotFSCommandtrapallkeysquot,quottruequot 屏蔽掉esc键指定 true 可将。

我要实现这样一个效果 当鼠标点击下面这个button时,就触发键盘按键事件,并且按下的键要为 F11,这样当前窗口就会全屏;方法1你可以提示用户按键盘的F11来全屏观看,获得最佳浏览效果方法2function fullscreen 在ie下可行 var wsh = new ActiveXObjectquotWScriptShellquot wshsendKeysquotF11quot fullscreen但这种方法会提示用户,网页用到activeX空间,可能不安全用户取消的可能;步骤一打开Axure,拉取一个动态面板,创建2个State面板一个面板里放一个矩形,命名为全屏另一个命名为退出如图步骤二全屏交互制作 打开Axure,进入全屏面板,点击添加鼠标点击事件,打开当前链接fx将前面准备好的全屏JS代码复制到FX里保存即可要注意的是开头必须要加javascript。

设置浏览器全屏 function f_SetFullScreen 如果浏览器不是全屏则将其设置为全屏模式 if !f_IsFullScreen var wsShell = new ActiveXObject#39WScriptShell#39wsShellSendKeys#39F11#39return false 判断浏览器是否全屏 function f_IsFullScreen return;function fullScreen var el = documentdocumentElement var rfs = elrequestFullScreen elwebkitRequestFullScreen elmozRequestFullScreen elmsRequestFullScreen if typeof rfs != quotundefinedquot rfs rfscallel else if typeof windowActiveXObject !=;8然后,插入js代码用script标签引用js文件,src表示js文件的路径,9控制图片显示的代码,都已放在相应的css样式和js代码中了,这里就不再赘述了10最后,用script标签引用一个函数,实现将图片设置为全屏的背景11在网页文件上右击,选择在浏览器中查看选项12看到图片在网页中,作为背景;element是要全屏显示的元素,fullscreen时1 给element添加fullscreen 2 用一个空p包裹element,optionscss中的定义用在这个p上,以便使这个p中的内容即element足够长时可以滚动显示 3 对这个p调用requestFullscreen应用示例 * var fs = new Fullscreen element $ #39#;如果你按照我上面所说的思路实现,你会发现ps 遮罩的父布局也要同时隐藏,因为对内容用的是mouseenter,对显示出来的遮罩用mouseleave如果不把遮罩的父布局隐藏,会无法触发内容的mouseenter被遮罩父布局挡住了这种做法好像很奇怪,有更好的可留言刚玩前端呢,想试写gameanimemanga的网站。

直接使IE全屏是做不到的,只能新打开一个当前窗口并使打开的窗口全屏 windowopenlocationhref,#39#39,#39fullscreen=1#39;1首先,打开html编辑器,新建html文件,例如indexhtml2在indexhtml中的标签,输入js代码var h = $windowheightvar w = $windowwidthwindowopen #39indexphp#39, #39newwindow#39, #39height=#39 + h + #39, width=#39 + w + #39, top=0, left=0, toolbar=no, menubar。

如果宽高比无要求的话可以这样写 假设SWF所在的DIV的class为p_swf documentreadyfunctione #39p_swf swf#39csswidth$windowwidth,height$windowheight。

上一篇:未见服务器异常怎么办?

下一篇:【Mysql】用户授权(GRANT)语法介绍和示例