浏览器指定将某元素全屏js方法

最新推荐文章于 2025-05-16 14:04:38 发布

原创最新推荐文章于 2025-05-16 14:04:38 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

java 专栏收录该内容

22 篇文章

订阅专栏

博客介绍了在浏览器中让指定元素实现全屏的相关内容，聚焦于信息技术里前端开发中浏览器操作方面的知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器将指定元素全屏

/**
		*解决火狐浏览器不能全屏的方法
		*/
		function fullScreenff(){
		var mb = myBrowser();
			if(mb == "IE" || mb == "Edge"){
				alert("如果要使用此功能，请使用火狐或谷歌浏览器。");
				return;
			}
         var thisIframe = null;
         $("iframe",window.parent.document).each(function(index,e){
//          alert(index);alert(e.src.indexOf("daPanel"));
           if (e.src.indexOf("daPanel") > 0) {
               thisIframe = e;
               return false;
           }
         });
         var busParamJson = getJson();
         var selected = $(".selected").attr('id');//被选中的按钮的值     今天  昨天 本周 上周  本月 上月 自定义  的id
         var bodyHeightYes = $("body").height();//第一次打开全屏时在谷歌浏览器下是820
		 var src = "<%=basePath%>daPanel/AuditPanelOne.do?panelType=1&isfullscreen=yes&busParamJson="+encodeURIComponent(encodeURIComponent(JSON.stringify(busParamJson)))+"&selected="+selected+"&bodyHeightYes="+bodyHeightYes;
         thisIframe.src=src;
		 isResize=false;
         launchFullScreen(thisIframe)
		}
		// 找到适合浏览器的全屏方法
		function launchFullScreen(element) {
			 if(element.requestFullScreen) {
			  element.requestFullScreen();
			 }else if(element.mozRequestFullScreen) { //兼容moz
			  element.mozRequestFullScreen();
			 }else if(element.webkitRequestFullScreen) { //兼容webkit
			  element.webkitRequestFullScreen();
			 }
		}