javascript实现控制浏览器全屏

掌控浏览器全屏的JavaScript代码分享

今天给大家带来一个非常实用的功能，那就是使用JavaScript控制浏览器全屏。这个功能简单实用，代码简洁易懂，接下来就让我们一起吧。

我们来看如何实现全屏功能：

```javascript

function enterFullScreen() {

var element = document.documentElement; // 获取文档根元素

var requestFullScreenFunction = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen; // 获取请求全屏的函数

if (typeof requestFullScreenFunction !== "undefined" && requestFullScreenFunction) { // 如果函数存在则调用，进入全屏模式

requestFullScreenFunction.call(element);

return;

} else if (typeof window.ActiveXObject !== "undefined") { // 兼容旧版IE浏览器，通过模拟F11键实现全屏

var shell = new ActiveXObject("WScript.Shell");

if (shell) {

shell.SendKeys("{F11}"); // 发送F11键的按键事件，切换全屏模式

}

}

}

```

接下来，我们来实现退出全屏的功能：

```javascript

function exitFullScreen() {

var documentElement = document.documentElement; // 获取文档根元素

var cancelFullScreenFunction = documentElement.cancelFullScreen || documentElement.webkitCancelFullScreen || documentElement.mozCancelFullScreen || documentElement.exitFullScreen; // 获取退出全屏的函数

if (typeof cancelFullScreenFunction !== "undefined" && cancelFullScreenFunction) { // 如果函数存在则调用，退出全屏模式

cancelFullScreenFunction.call(documentElement);

return;

} else if (typeof window.ActiveXObject !== "undefined") { // 兼容旧版IE浏览器，再次模拟F11键退出全屏模式