JavaScript控制浏览器全屏显示简单示例

本文实例讲述了Java脚本语言控制浏览器全屏显示。分享给大家供大家参考，具体如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title www .JB 51。net JS全屏显示/title/head dydiv onclick='启动全屏(文档。文档元素；' '全屏显示/div div onclick=' ExitFullscreen()(文档。文档元素；' '退出全屏/div！-启动全屏(文档。文档元素)；- /body/htmlscript //判断各种浏览器，找到正确的方法函数启动全屏(元素){ if(元素。请求全屏){元素。请求全屏()；} else if(元素。mozzrequestfulscreen){元素。mozrequestfulscreen()；} else if(元素。webkitrequest全屏){元素。webkitrequest全屏()；} else if(元素。msrequest全屏){元素。msrequest全屏()；} } //判断浏览器种类函数ExitFullscreen(){ if(document。ExitFullscreen){文档。exitFullscreen()；} else if(文档。mozzcancelfilscreen){ document。mozzcancelfilscreen()；} else if(文档。webkitexitflusscreen){ document。webkitexitflusscreen()；} } //退出全屏模式！exitFullscreen()；/script使用本站HTML/CSS/JS在线运行测试工具：http://tools.jb51.net/code/HtmlJsRun，可得到如下测试运行效果：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript事件相关操作与技巧大全》 、 《JavaScript页面元素操作技巧总结》 、 《JavaScript操作DOM技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript错误与调试技巧总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。