老是不通过，没办法，只能是重新发布了，反正我就是杠上了，大大小小写过很多前端特效，当然也经常在网上copy或者修改人家的代码，我觉得也挺好的，为什么？！因为我想这样，你能怎么办，打我？

少废话，直接上代码，

JS代码

function fullScreen(el) {

var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,

wscript;

if(typeof rfs != "undefined" && rfs) {

rfs.call(el);

return;

}

if(typeof window.ActiveXObject != "undefined") {

wscript = new ActiveXObject("WScript.Shell");

if(wscript) {

wscript.SendKeys("{F11}");

}

}

}

function exitFullScreen(el) {

var el= document,

cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,

wscript;

if (typeof cfs != "undefined" && cfs) {

cfs.call(el);

return;

}

if (typeof window.ActiveXObject != "undefined") {

wscript = new ActiveXObject("WScript.Shell");

if (wscript != null) {

wscript.SendKeys("{F11}");

}

}

}

HTML代码

最近受了一点点小刺激，对自己做的工作产生迷茫，不知道还要做这个做多久，还有我其实还是喜欢设计多一些，还有我喜欢设计，但是设计太难了，经常觉得自己做的东西跟别人的，比起来差个好几万块钱，Why?你问我，我问谁。好吧，我也很无赖。

举个小小例子，随便来一个按钮试试，按钮上在来个点击事件切换。

记得一定要加上调用代码，调用代码，调用代码，说三遍...

JS调用代码

var oBtnFullOpen = document.getElementById('BtnFullOpen');

var oContent = document.getElementById('Content');

oBtnFullOpen.onclick = function() {

fullScreen(oContent);

oBtnFullQuite.setAttribute("style", "display:block");

oBtnFullOpen.setAttribute("style", "display:none");

}

var oBtnFullQuite = document.getElementById('BtnFullQuite');

oBtnFullQuite.onclick = function() {

exitFullScreen(oContent);

oBtnFullQuite.setAttribute("style", "display:none");

oBtnFullOpen.setAttribute("style", "display:block");

};

只做个人备忘，不做任何发表，不做信息交流。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

js模仿f11全屏_JS实现全屏预览F11功能的示例代码相关推荐

  1. JS实现上传图片的三种方法并实现预览图片功能

    在常见的用户注册页面,需要用户在本地选择一张图片作为头像,并同时预览. 常见的思路有两种:一是将图片上传至服务器的临时文件夹中,并返回该图片的url,然后渲染在html页面: 另一种思路是,直接在本地 ...

  2. js在线预览office文件的示例代码

    方法一: 用微软的office online进行在线预览 https://view.officeapps.live.com/op/view.aspx?src=文件地址 只能查看 'doc', 'doc ...

  3. pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。

    pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件. 注意:本地绝对路径地址不能加载,跨域问题用代理或者服务端解决. svg模式渲染存在缺陷,只能渲染普通pd ...

  4. 利用jquery.form.js实现Ajax无刷新图片上传及预览功能

    某些时候当我们做登记页面的时候可能需要上传图片,并实现即时预览的功能. 如果只是预览而不上传,可以使用ImagePreview来实现,方便简单.如果需要上传,那么你也可以使用uploadify无刷新上 ...

  5. 基于asp.net + easyui框架，js实现上传图片之前判断图片格式，同时实现预览，兼容各种浏览器+下载...

    2019独角兽企业重金招聘Python工程师标准>>> 最近在做图片上传的一个前台页面,上传图片功能虽然很简单,但是需要我们学习的地方很多.在上传图片之前验证图片的格式,并同时实现预 ...

  6. 上传身份证照片js_html+css+js 实现拍照预览上传图片功能

    前言:我们在做网页时经常会需要有上传图片的需求,可能是选择图片或者拍照上传,如果简单的使用这种方式虽然也能实现功能,但用户体验上可能会差了一些,所以本文记录了使用css+js实现图片选中后的预览及压缩 ...

  7. （前端开发）表格中的行全选、全不选、反选以及数据行背景色变换的示例代码

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  8. H5开发：使用H5、CSS、JS、JQUERY实现从本地选择图片、预览图片、上传图片列表

    需求描述 使用H5.CSS.JS.JQUERY 点击添加图片按钮,从本地选择图片(同名图片不可重复选择),在页面预览选中的图片 点击图片查看大图,点击图片右上角"×"删除此图 点击 ...

  9. php手机端多图预览上传,JS实现多图预览上传的实例代码

    这篇文章主要介绍了JS实现多张图片预览同步上传功能的相关资料,需要的朋友可以参考下 废话不多说了,直接给大家贴代码了,具体代码如下所示: /** * Created by liujing on 201 ...

  10. jquery.fileupload.js插件使用--单视频或音频上传预览

    一.前台代码: <!DOCTYPE html> <html> <head><title>jquery.fileupload.js使用测试</tit ...

最新文章

  1. 计算机解决科学研究,近期查处科研不端行为典型案例及处理决定
  2. matlab中rsa,matlab - Matlab中的RSA代码 - 堆栈内存溢出
  3. Navicat for MySQL出现1030-Got error 28 from storage engine错误
  4. xss绕过字符过滤_IE8 xss filter bypass (xss过滤器绕过)
  5. batch spring 重复执行_可能是最漂亮的Spring事务管理详解
  6. android手表微信运动,华为手表（华为运动健康APP）终于能绑定微信运动
  7. POI导出word表格 office打开没问题 wps打开列有问题
  8. BIOS INT 10中断功能详解
  9. java判断全角_Javascript判断日文全角半角长度
  10. SAP-ABAP-多语系自动翻译功能
  11. apk 打包 java出错_一次不成功的apk重新打包经过
  12. 无线路由器接网线上网的设置方法
  13. 史上最全图文精美排版技巧
  14. 2014-人生旅途的节点
  15. 单目ORB-SLAM流程梳理
  16. 前端在图片上标点，并展示——高中数学知识的应用
  17. 创意改变世界 盘点50个最伟大的游戏创意
  18. 什么是“孤岛效应”? ----防孤岛保护装置
  19. 思科交换机使用非思科光模块错误解决
  20. Okio源码学习分析

热门文章

  1. 艾伦图灵_Java英雄：丹·艾伦
  2. Tomcat JDBC池–连接泄漏–捕获罪魁祸首
  3. 在15分钟内使用Spring Boot和Spring Security构建一个Web应用程序
  4. 使用Maven将文件上传和下载到S3
  5. gc 吞吐量和停顿时间_GC对吞吐量和延迟的影响
  6. Java：使用SingletonStream获得性能
  7. adf4351使用方法_ADF：使用HTTP POST方法进行URL任务流调用
  8. java 解析gson_使用Java和Google GSON解析ESPN API
  9. apache camel_什么时候使用Apache Camel？
  10. python捕获摄像头帧_Xuggler教程：帧捕获和视频创建