靖边网站建设【靖边网络公司】靖边做网站、靖边微信公众号开发、靖边网站设计、靖边小程序制作

靖边网站建设【靖边网络公司】靖边做网站、靖边微信公众号开发、靖边网站设计、靖边小程序制作

靖边县，隶属于陕西省榆林市， 位于陕西省北部，榆林市西南部，北与内蒙古自治区乌审旗、鄂托克旗相邻；南与延安市子长市、安塞区、志丹县、吴旗县接壤；东西分别与横山区、定边县毗连。介于东经108°17′—109°20′、北纬36°58′—38°03 ′之间，总面积5088平方千米。 [1] 

靖边史称“夏州”、“朔方” [2]  ，靖边籍隋朝大建筑学家宇文恺规划设计和主持修建了大兴城（唐长安城），成为后世城市建设的范例。境内大夏国都统万城遗址是匈奴族在人类历史上遗留下的唯一都城遗址。民国二十四年（1935年），中共靖边县委和中华苏维埃政府成立，是第二次国内革命战争时期唯一没有被颠覆的县级革命政权。革命战争时期，毛泽东、周恩来等老一辈无产阶级革命家转战陕北时，在靖边的小河、天赐湾、青阳岔等地生活战斗了65个日夜，期间召开了著名的“小河会议”，拉开了全国解放战争由战略防御转向战略反攻的序幕。 [2] 

截至2018年，靖边县下辖1个街道、17个镇 [3]  ，常住人口38.2万人，实现地区生产总值（GDP）373.39亿元，其中，第一产业增加值29.61亿元，第二产业增加值249.06亿元，第三产业增加值94.72亿元，三次产业结构比为7.9：66.7：25.4，按常住人口计算，人均GDP达98351元。 [4]  2019中国西部百强县市。 [5] 

概述

在做前端PC端项目中，我们经常会遇到让页面全屏的需求。大多情况下，这样可以使得用户在该页面更加专注，屏蔽掉该页面之外的干扰。

状态判断

首先，我们需要给出一个默认状态，即非全屏。然后，在此基础上我们进行DOM操作，每次用户进行操作时，我们先判断当前状态，进行相应的操作，操作过后改变当前状态即可。

事件操作

注：下表中de代表document.documentElement

代码

注： 本demo在vue中使用。如果使用正常.html，自行将@click转为正常点击事件(如onclick)即可。

html

<div @click="handleFullScreen">一个按钮</div>

js

data() {    return {        fullscreen: false  // 是否全屏    }},methods: {    // 全屏事件    handleFullScreen(){        let element = document.documentElement;        // 判断是否已经是全屏        // 如果是全屏，退出        if (this.fullscreen) {            if (document.exitFullscreen) {                document.exitFullscreen();            } else if (document.webkitCancelFullScreen) {                document.webkitCancelFullScreen();            } else if (document.mozCancelFullScreen) {                document.mozCancelFullScreen();            } else if (document.msExitFullscreen) {                document.msExitFullscreen();            }            console.log('已还原！');        } else {    // 否则，进入全屏            if (element.requestFullscreen) {                element.requestFullscreen();            } else if (element.webkitRequestFullScreen) {                element.webkitRequestFullScreen();            } else if (element.mozRequestFullScreen) {                element.mozRequestFullScreen();            } else if (element.msRequestFullscreen) {                // IE11                element.msRequestFullscreen();            }            console.log('已全屏！');        }        // 改变当前全屏状态        this.fullscreen = !this.fullscreen;    }}

靖边网站建设【靖边网络公司】靖边做网站、靖边微信公众号开发、靖边网站设计、靖边小程序制作